JavaScript核心语法总结(推荐)

本文介绍了JavaScript的基本（常用）语法，供大家参考。

Overview

先说一下Javascript该怎么写。两种形式，一种是直接把JavaScript写在HTML页面里，另一种是存在*.js文件里然后在页面内引用。

直接写时，即可以放在<head> </head>内，也可以放在<body> </body>内。一般函数是放在<head>区的，具体的执行代码是在<body>区里的。例如，在body里写：

<body>
<script>
   document.writeln("haha <br/> ");
</script>
</body>

引用方式

<script type="text/javascript" src="js_css/menutree.js"></script>

执行顺序与生命期

JavaScript是从上到下依次执行/解析的。在调用一个function或时，必须保证该function已经被解析/声明了。这也是一般要把function定义放在<head>内的原因。

所有的function与变量只在本页面内有效，当离开页面后，新的页面内无法访问上一页内声明的变量或函数。如果一定要访问的话，可以用Cookie也存一下，到下一页再读出来。

syntax - 变量

变量定义就以var开头即可，就可以定义了一个变量了。放在函数体内的就认为局部变量，外面的就是全局变量。需要指出的是，JavaScript的语法是很乱的，变量也有别的定义方法。但是希望大家不要使用其他乱七八糟的语法，就使用这种最常见的语法就可以，足够用，而且省脑筋。

关于变量大家需要明白

(1) 变量是弱类型的，一个整数甚至可以与字符串直接相加，得到一个字符串

(2) 所谓全局变量，也只是在当前页面内有效，当页面被unload跳到另一个页面时，所有的变量都被销毁了。这些全局变量跟流览器（也称为User Agent）内嵌变量有区别，每个页面都自动有window, document这些内嵌对象。

(3) 不区分单引号还是双引号

<script>
  // 变量定义
  var nNumOfBytes = 10;
  var fPercent = 0.32;
  var strYourName = ‘Mr.Known';
  var pRect = new Object();

</script>

syntax - 函数

<script>
  function goToUrl(strUrl)
  {
    location.href = strUrl;
  }
</script>

函数可以在HTML事件/ FORM / JavaScript 中被调用，如:

HTML元素事件回调:

<body onload="goToUrl('http://www.jb51.net')" >

FORM元素事件回调

<select name="somelist" onchange="onSomeThingChanged()">

超链接目标

<a href="javascript:goToUrl('www.jb51.net')" > go </a>

直接在JavaScript中调用

<script>
    goToUrl(”www.jb51.net");
</script>

syntax - 类

一般的JavaScript是不需要使自定义类的，就是说一般不会到达这么复杂的程度。因为是脚本语言嘛，随便写几句就好。一是难调试，二是不便阅读。但是如果一定要写什么复杂的功能，如菜单树之类的，那么就得写一点类来完成了。

同样，类在JavaScript里也是有2种定义格式的，我们会下面的格式就好了，另一种格式很烂，还是不要知道为好。

先来个不带构造参数的：

<script>
  function SampleClass()
  {
    // 变量变量定义
    this.nId = 10;

    // 成员函数定义
    this.plusId = function (nPlus)
    {
      return this.nId + nPlus;
    }
  }
</script>

再来一个造参数的类

function MenuItem(l, h, t)
  {
    this.label = l;
    this.href = h;
    this.target = t;

    this.toHtml = function()
    {
      var html = "<a href='" + this.href + "' ";

      if(this.target != null)
        html += (" target='" + this.target + "' ");

      html += " >" + this.label + "</a>";
      return html;
    }
  }

创建类的实例

var item = new MenuItem("haha", http://www.jb51.net, null);

关于类，注意以下几点：

(1) 不要从头写一个类，请从我这里copy过去再改，这样就不会有那些莫名其妙的麻烦了

(2) 在成员函数里引用成员变量，一定要加this.，不然引用不到

(3) 成员函数如果想返回值，就用return，想return什么类型都不必事先声明，直接return就好

(4) 对于学习C++和Java的程序员来说，要明白var p = new SomeClass();这句中的new其实就是创建一个对象并返回其指针

(5) 考虑使用Object类

syntax - Object类

JavaScript语法很乱的，脚本语言嘛，要求不要太高。虽然可以自定义类，但大数多情况下都不需要自己声明一个类，可以直接使用Object类来定义一个结构，而无需事先声明这个结构的形式。
如：

function createObject()
{
  var obj = new Object();
  obj.x = 10;
  obj.y = 11;
  return obj;
}

看到没，这个函数随意的创建了一个object，为其添加成员 x, y，并没有通知任何人（无prototype声明）。而使用者也是直接就可以调用其 o.x , o.y，无需要猜测。

<script>
  var o = createObject();
  document.writeln("x=" + o.x + ", y=" + o.y);
</script>

不过为了安全起见，也可以写成这样：

var o = createObject();

  if(o.x != null && o.y != null)
  {
    document.writeln("x=" + o.x + ", y=" + o.y);  

  }

syntax - 数组Array

<script>
  // 创建
  var a = new Array();
  // 遍例
  for(var i=0; i<a.length; i++)
  {
    var e =   a[i];
  }
  // 添加
  var item = new MenuItem("000");
  this.itemArray.push(item);
</script>

怎么删除一个元素？记得是直接赋值为null，过后测一下再补充。

数组作为成员变量

function Menu()
{
  this.itemArray = new Array();

  this.addItem = function(l, h, t)
  {
    var item = new MenuItem(l,h,t);
    this.itemArray.push(item);
  };
}

以上这篇JavaScript核心语法总结(推荐)就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持我们。

赞 (0)

相关推荐

  • JavaScript正则表达式上之基本语法(推荐)

    JavaScript正则表达式上之基本语法(推荐)

    相关阅读: js正则表达式基本语法(精粹) 正则表达式语法 一个正则表达式就是由普通字符(例如字符 a 到 z)以及特殊字符(称为元字符)组成的文字模式.该模式描述在查找文字主体时待匹配的一个或多个字符串.正则表达式作为一个模板,将某个字符模式与所搜索的字符串进行匹配. 定义 JavaScript种正则表达式有两种定义方式,定义一个匹配类似 <%XXX%> 的字符串 1. 构造函数 复制代码 代码如下: var reg=new RegExp('<%[^%>]+%>','g')

  • javascript基本语法

    1.运算符 运算符就是完成操作的一系列符号,它有七类: 赋值运算符(=,+=,-=,*=,/=,%=,<<=,>>=,|=,&=).算术运算符(+,-,*,/,++,--,%).比较运算符(>,<,<=,>=,==,===,!=,!==).逻辑运算符(||,&&,!).条件运算(?:).位移运算符(|,&,<<,>>,~,^)和字符串运算符(+). 可能很多人不知道"==="是什么.

  • javascript基础语法——全面理解变量和标识符

    javascript基础语法——全面理解变量和标识符

    关于javascript,第一个比较重要的概念是变量,变量的工作机制是javascript的基本特性.实际上,变量是标识符的一种.本文将详细介绍变量和标识符 定义 标识符(Identifier)就是一个名字,用来对变量.函数.属性.参数进行命名,或者用做某些循环语句中的跳转位置的标记 //变量 var Identifier = 123; //属性 (new Object).Identifier = 'test'; //函数及参数 function IdentifierName(Identifie

  • 温习Javascript基础语法之词法结构

    温习Javascript基础语法之词法结构

    前面的话 javascript是一门简单的语言,也是一门复杂的语言.说它简单,是因为学会使用它只需片刻功夫:而说它复杂,是因为要真正掌握它则需要数年时间.实际上,前端工程师很大程度上就是指javascript工程师.前端入门容易精通难,说的是前端,更指的是javascript.本文是javascript基础语法的第一篇--词法结构 与java关系 关于javascript有这样一个说法,java和javascript的关系是雷锋和雷锋塔的关系.那到底有没有关系呢 javascript最开始的名字

  • JavaScript核心语法总结(推荐)

    本文介绍了JavaScript的基本(常用)语法,供大家参考. Overview 先说一下Javascript该怎么写.两种形式,一种是直接把JavaScript写在HTML页面里,另一种是存在*.js文件里然后在页面内引用. 直接写时,即可以放在<head> </head>内,也可以放在<body> </body>内.一般函数是放在<head>区的,具体的执行代码是在<body>区里的.例如,在body里写: <body>

  • JavaScript 核心参考教程 内置对象

    JavaScript 核心参考教程 内置对象

    这个标准基于 JavaScript (Netscape) 和 JScript (Microsoft).Netscape (Navigator 2.0) 的 Brendan Eich 发明了这门语言,从 1996 年开始,已经出现在所有的 Netscape 和 Microsoft 浏览器中.ECMA-262 的开发始于 1996 年,在 1997 年 7 月,ECMA 会员大会采纳了它的首个版本. 本系列教程旨在向大家分享本人当年学习Javascript的笔记和心得.本系列教程预计分五个部分. 第

  • JavaScript入门学习书籍推荐

    在 JavaScript 方面,自己不是什么专家,也不是什么高手,但自己一路走来,JavaScript 从迷茫到认识,对于 JavaScript 书籍的认识或许还有些借鉴价值. 入门推荐首选书籍:<JavaScript DOM 编程艺术 > 当初读了不下 4 遍,书内容简单,易学,上手快,编程思想严谨.好的入门书,对你未来的编程都会有着深远的影响.此本书不辜负这个历史使命. 更详细的评论可以看 Realazy 在豆瓣上的评论在 豆瓣 上的评论<通往终点的过程与终点本身同样重要> 基

  • Javascript核心读书有感之语句

    在javascript中,表达式是短语,那么语句(statement)就是整句或命令.正如英文语句以句号结尾,javascript以分号结尾. 表达式计算出一个值,但语句使某件事发生. "使某件事发生"的一个方法是计算带有副作用的表达式.诸如赋值和函数调用这些有副作用的表达式,是可以作为单独的语句的.这种把表达式当做语句的用法也称做表达式语句(expression statement).类似的语句还有声明语句(declaration statement),声明语句用来声明新变量或者定义

  • Javascript核心读书有感之语言核心

    读此书之前,感谢淘宝技术团队对此javascript核心的翻译,感谢弗拉纳根写出此书.感谢你们无私的分享,仅以此笔记献给你们的辛勤付出. 一:javascript语言核心 本章之后,我们将主要关注javascript的基础知识.第二章我们讲解javascript的注释,分号和unicode字符集:第三章会更有意思,主要讲解javascript的变量和赋值 这里有一些实例代码说明前两章的重点内容. 复制代码 代码如下: <script type="text/javascript"&

  • JavaScript基本语法学习教程

    Javascript的基本概念 i. javascript语言是网页中广泛使用的一种脚本语言. ii. Javascript语言的特点: 1. 由Netscape公司开发,基于对象和事件驱动并具有一定安全性的脚本语言. 2. 特点: a) Javascript是一种脚本语言,同时也是一种解释性语言: b) Javascript是靠浏览器中的javascript解释器来运行的,与操作环境没有关系: c) 在javascript中,采用的是不太严格的数据类型,这样的俄好处是在定义或使用数据的时候可以

  • 详解Javascript中prototype属性(推荐)

    在典型的面向对象的语言中,如java,都存在类(class)的概念,类就是对象的模板,对象就是类的实例.但是在Javascript语言体系中,是不存在类(Class)的概念的,javascript中不是基于'类的',而是通过构造函数(constructor)和原型链(prototype chains)实现的.但是在ES6中提供了更接近传统语言的写法,引入了Class(类)这个概念,作为对象的模板.通过class关键字,可以定义类.基本上,ES6的class可以看作只是一个语法糖,它的绝大部分功能

  • JavaScript基本语法讲解

    JavaScript由被放置在<script>... </script>的JavaScript语句,在网页中的HTML标签. 可以将<script>包含您的JavaScript在网页的任何地方,但最好的方式是放它在<head>标签内. <script>标记警告浏览器程序,开始解释这些标记之间的所有文本作为一个脚本.所以,JavaScript的语法简单如下: 复制代码 代码如下: <script ...>   JavaScript co

随机推荐