JavaScript的学习

前言

学习指南:《JavaScript权威指南》

1.六种基本数据类型

原始数据类型:
number
string
boolean
null
undefined
object 数组、函数都属于对象

2.隐式转换:

var y = 42 + "is the answer"; // 表示的为字符串拼接符

"37" -37 //结果是0
"37" +37 //"3737"
//巧用+/-转换类型

3.严格等于和等于

(1)a===b

类型不同,返回false
类型相同,整型比较数字,字符串比较内容与长度
null === null
undefined === undefined
NaN != NaN

(2)a == b

类型相同,同 ===
类型不同,尝试类型转换和比较
null ==undefined相等
number == string //转number  1=="1.0"  true
boolean ==?//转number  1==ture    0==false
object == number|string 尝试对象转为基本数据类型


基本类型都有包装对象,可以自动转换

4.类型检测

typeof  100返回一个字符串 "number"
typeof  true返回一个字符串"boolean"
typeof  function 返回一个字符串"function"
typeof (undefined) 返回一个"undefined"
typeof new Object() 返回一个"object"
typeof [1,2] 返回一个"object"
typeof NaN 返回一个"number"
typeof null 返回一个"object"
//判断一些基本的类型,还是比较方便的,但是对于其他的类型判断,就是没有办法

JavaScript检测类型的方法:typeof,instanceof运算符,对象的constructor属性,跨原型链调用toString()方法。

     1.typeof方法
          可判断“string”,“number”,“object”,“function”,“boolean”,“undefined”(可用于判断变量是否存在),可是其能力有限的,对于于数组,日期,正则类型只能返回object。 

    2.instanceof运算符
           其要求左边的左边的运算数是一个对象,右边的运算数是是对象类的名字或是构造函数 。如果左边对象是其对象类或是构造函数的实例,则返回true,若不是,则返回false。
 
[] instanceof Array; // true
new date instanceof Date; //true
[] instanceof RegExp;//false
 
    3.对象的constructor属性
          每一个对象都有一个construtor属性,这个属性引用了初始化该类型的构造函数,常用于判断位置对象的类型(前提是该类型需是对象),用typeog方法判断该类型是否是对象,然后利用constructor方法。
 
//  判断对象是否是数组类型
founction isArray(arr){
    return typeof arr=="object"&& arr.constructor == Array;
}
 
    通常可以用第二个和第三个方法检测数组对象类型,但是在检测跨框架(cross-frame)的页面中的数组时,会失败。原因就是在不同框架中创建的数组不会共享prototype属性,随后新出现了一种准确的检测方法:Object.prototype.Tostring()可以解决上面的跨框架问题。
 
// 判断对象是否是数组类型
function isArray(arr){
    return Object.protoytpe.toString.call(arr) === "[object Array]";
}

5.表达式

[1,2]等价于new Array(1,2)
[1,,,4]等价于[1,undefined,undefined,4]
{x:1,y:2}等价于
Object o = new Object();
o.x=1;
o.y=2;

//属性访问表达式
var o ={x:1};
o.x;
o['x'];

//创建对象表达式
new Test(1,3);
new TestDemo;//对象没有参数的时候,是可以省略括号的

6.运算符

// ,号运算符
var x = (1,2,3);  //结果是3 ,从左到右依次计算,选择最右边一个

//删除属性
delete obj.x

var obj = new Object()
obj.x=1    //属性值是1
delete obj.x
obj.x       //属性值undefined

JavaScript的学习_第1张图片
删除条件.png
//in运算符

window.x=1;
'x' in window; //判断是否有这个属性  true

with语句

with({x:1}){ //可以直接输出对象x的值,js已经不建议使用了
console.log(x);
}

严格模式
严格模式是一种特殊的执行模式,它修复了部分语言上不足,提供更强错误检查,并增强安全性

function func(){
'use strict';
}

'use strict';
function func(){
}

7.函数声明

//函数的声明
function add(a,b){
a=+a;
b=+b;
if(isNaN(a)||isNaN(b)){
return;
}
return a+b;
}

//函数表达式
var add = function(a,b){}

(function(){})();

return function(){};

var add = function foo(){};

你可能感兴趣的:(JavaScript的学习)