javaScript基础语法（上）

 

 

相关理论概念：

直接量的概念：直接描述某个（些）存储空间的值的量，如变量的值、对象的值、数组的值。

数据类型：在数据结构中的定义是一个值的集合以及定义在这个值集上的一组操做。

 

一、变量的声明和使用

　　变量：是计算机语言中能储存计算结果或能表示值抽象概念。变量能够经过变量名访问。

　　语法规则：

　　　　var 变量名；

　　而后进行赋值：num=10时直接赋值：

　　var num=10;

　　良好的变量命名方式：

1. 变量必须以字母开头；
2. 变量名称对大小写敏感（y 和 Y 是不一样的变量）；
3. 变量名应当老是遵照驼峰大小写命名法，而且命名前缀应当是名词。

　　代码示例：

　　　　//好的写法：

　　　　var count = 10;

　　　　var myName = "Nicholas";

　　　　var found = true;

　　　　//很差的写法：

　　　　var getCount = 10;

　　　　var isFound = true;

二、数据类型

数据类型	含义
undefined	未定义
null	空
string	字符串类型
boolean	布尔类型
number	数值类型

 

 

 

 

 

 

 

 

 

注意：

1. 竟然undefined和null的含义不一样，但undefined其实是由null派生来的，ECMAScript把它们定义为相等的。
2. number类型既能够表示32位整数，还能够表示64位浮点数。
3.  is not defined与undefined的区别：is not defined是未声明定义，找不到。undefined是已定义在目录文件中未找到。

 1、基础数据类型：

　　一、undefined：

　　　　undefined是一个特殊值，那些没被变量初始化的变量都有一个初始值，即undefined，表示这个变量等待被赋值。

　　　　代码示例：

　　　　//很差的写法

　　　　var person;

　　　　console.log(person===undefined); //true

　　　　//foo未被声明

　　　　var person;

　　　　console.log(typeof person); //"undefined"

　　　　console.log(typeof foo);//"undefined"

　　　　//好的写法，建议使用null

　　　　var person =null;

　　　　console.log(person=== null);

　　二、null

　　null是一个特殊值，但咱们经常误解它，将它和undefined搞混。在如下场景中应当使用null.

• 用来初始化一个变量，这个变量可能赋值为一个对象。
• 用来和一个已经初始化的变量比较，这个变量能够是也能够不是一个对象。
• 当函数的参数指望是对象时，用做参数传入。
• 当函数的返回值指望是对象时，用做返回值传出

　　还有如下两个场景不该当使用null.

• 不要使用null来检测是否传入了某个参数。
• 不要使用null来检测一个未初始化的变量

　　代码示例：

　　//好的用法

　　var person = null;

　　//好的用法

　　function  getperson () {

　　　　if (condition){

　　　　　　return new person ("Nicholas");

　　　　} else {

　　　　　　return null;

　　　　}

　　}

　　//好的用法

　　var person = getPerson ();

　　if(person != null ){

　　　　dosomething();

　　}

　　//很差的写法：用来和未初始化的变量比较

　　var person;

　　if (person !=null){

　　　　dosomething();

　　}

　　//很差的写法：检测是否传入了参数

　　function dosomething (arg1,arg2,arg3,arg4) {

　　　　if ( arg4 != null){

　　　　　　dosomethingElse();

　　　　}

　　}

　注意：最好把null理解为占位符（placeholder）。

　　检测属性避免非空比较：

　　另一种用到null(以及undefined)的场景是当检测一个属性是否在对象中存在时，好比：

　　//很差的写法：检测假值

　　if ( object[propertyName]) {

　　　　//一些代码

　　}

　　//很差的写法：和null相比较

　　if( object[propertyName] != null){

　　　　//一些代码

　　}　　

　　//很差的写法：和undefined比较

　　if (object[propertyName]){

　　　　//一些代码

　　}

　　注意：建议使用in运算符进行判断属性。

　　若是实例对象的属性存在、或者继承自对象的原型，in运算符都会返回true.好比：

　　var object = {

　　　　count:0;

　　　　related: null;

　　};

　　//好的写法

　　if( "count" in object){

　　　　//这里的代码会执行

　　}

　　//很差的写法：检测假值

　　if ( object["count"]){

　　　　//这里的代码不会执行

　　}

　　//好的写法

　　if ( "related" in object) {

　　　　//这里的代码会执行

　　}

　　//很差的写法：检测是否为 null

　　if ( object["related"] !=null ){

　　　　//这里的代码不会执行

　　}

　　//对于全部非dom对象来讲，这是好写法

　　if (object.hasOwnProperty("related")){

　　　　//执行这里的代码

 　　}

　　//若是你不肯定是否为dom对象，则这样写

　　if ("hasOwnProperty" in object &&  object.hasOwnProperty("related")){

　　　　//执行这里的代码

　　}

　　hasOwnProperty方法的使用：

• 若是你检查实例对象的某个属性是否存在， 可使用它。由于全部继承obj的javaScript对象都有这个方法。
• 若是实例中存在这个属性的返回true。注意：若是这个属性存在于原型里，则返回false。

　　注意：

•  在IE8以及更早版本的IE中，DOM对象并不是继承自object，所以也不包含hasOwnProperty方法，也就是说，你在调用dom对象的hasOwnProperty方法以前应当先检测其是否存在（假如你已经知道对象不是dom，则能够省略这一步）。　
• 无论你何时须要检测属性的存在性，请使用in运算符或者hasOwnProperty方法这样能够避免不少bug。　

 

　 三、string  字符串类型

　　在javaScript中全部字符是16位的，使用的是Unicode字符编码集。可使用单引号或双引号来表示，它可能包含0个或多个字符。

　　在javaScript中没有字符类型的概念，若须要转义字符则使用/（斜杠）+符号或相关的字母来表示。

　　javaScript中字符串的编码风格：

• 建议使用双引号来表示一个字符串。Crockford的编程规范和jquery的核心风格指南都是使用双引号来表示。利于开发效率，上下文编码规范统一，由于如java等语言的字符串是使用双引号来表示的。
• 谷歌则是使用单引号来表示。

　　相关示例：

　　//很差写法

　　var longString ="Here's the story , of a man \ named Brady.";

　　//好的写法

　　var  longString ="Here's the story , of a man " + " named Brady.";

　 四、boolean 布尔类型

　　布尔（逻辑）只能有两个值：true 或 false。

　　相关示例：

　　var x=true;

　　var y=false;

 

　 五、number类型

　　javaScript只有一个数字类型，它在内部被表示为64位的浮点数，相似于java的double浮点类型。

　　在javaScript中1和1.0的值相同，在java等语言中是不等价的，是两种数字类型。

　　相关示例：

　　//整数

　　var count =10;

　　//小数

　　var price = 10.0;

　　var price =10.00;

　　//不推荐的小数写法：没有小数部分

　　var price = 10.;

　　//不推荐的小数写法：没有整数部分

　　var price = .1;

　　//不推荐的写法：八进制写法已被弃用了

　　var num = 010;

　　//十六进制写法

　　var num = 0xA2;

　　//科学计数法

　　var num = 1e23;

2、引用类型

　一、数组

 

　　数组：在数据结构中编号的值是有序集合。

　　下面的代码建立名为 cars 的数组：

　　var cars=new Array();
　　cars[0]="Saab";
　　cars[1]="Volvo";
　　cars[2]="BMW";

　　或者 (condensed array):

　　var cars=new Array("Saab","Volvo","BMW");

　　或者 (literal array):

　　var cars=["Saab","Volvo","BMW"];

　　数组下标是基于零的，因此第一个项目是 [0]，第二个是 [1]，以此类推。

　　相关示例：

　　//很差的写法：不同意使用array构造函数显式地建立数组.

　　var colors = new Array("red","green","blue");

　　var number = new Array (1,2,3,4);

　　//好的写法：使用数组初始元素来代替array构造函数来建立数组。

　　var colors = ["red","green","blue"];

　　var numbers = [1,2,3,4];

 

　二、对象

　　对象：将一组数据与这组数据有关操做组装在一块儿，造成一个实体，在数据结构中编号的值是无序集合，这个实体就是对象。包含行为和相关属性。

　　对象由花括号分隔。在括号内部，对象的属性以名称和值对的形式 (name : value) 来定义。属性由逗号分隔：

　　var person={firstname:"John", lastname:"Doe", id:5566};

　　上面例子中的对象 (person) 有三个属性：firstname、lastname 以及 id。

　　空格和折行可有可无。声明可横跨多行：

　　var person={
　　　　firstname : "John",
　　　　lastname  : "Doe",
　　　　id        :  5566
　　};

　　对象属性有两种寻址方式：

　　name=person.lastname;
　　name=person["lastname"];

　　相关示例：

　　//很差的写法

　　var book = new Object();

　　book.title = "Maintainable JavaScript";

　　book.author = "Nicholas C. Zakas";

　　//好的写法

　　var book = {

　　　　title: "Maintainable JavaScript";

　　　　author: "Nicholas C. Zakas";

　　}

 

　三、函数

　　函数的做用是封装相关数据或组件用的。

　　函数就是包裹在花括号中的代码块，前面使用了关键词 function：

　　function  functionname()
　　{
　　　　//执行代码
　　}

 

　　当调用该函数时，会执行函数内的代码。

　　能够在某事件发生时直接调用函数（好比当用户点击按钮时），而且可由 JavaScript 在任何位置进行调用。

三、运算符

　　运算符用于执行程序代码运算，会针对一个以上操做数项目来进行运算。