javascript深入浅出(慕课网)

1 数据类型
1-2 六种数据类型
1-3 隐式转换
1-4 包装对象
1-5 类型检测

2 表达式和运算符
2-1 表达式
2-2 运算符

3 语句
3-1 block语句、var语句
3-2 try-catch语句
3-3 函数、switch、循环
3-4 JavaScript严格模式

4 对象
4-1 对象概述
4-2 创建对象、原型链
4-3 属性操作
4-4 get/set方法
4-5 属性标签
4-6 对象标签、对象序列化

5 数组
6 函数和作用域(函数,this)
7 函数和作用域(闭包,作用域)
8 oop(上)
9 oop(下)
10 正则和模式匹配


1 数据类型

demo

1-2 六种数据类型

//数据在没有被定义的情况下,会被进行隐式转化
var num = 32; //
num = "this is a string"; //即使之前被定义为数字,可以重新定义为字符串
32 + 32;//64,理解为两个数字相加
“32”+32;//"3232",理解为两个字符串的连接
“32” - 32;//0,理解为两个数字的相减

//数据类型,包括5种原始类型,一种对象类型
object(function, array, date....)
number
string
boolean
null
undefined

**1-3隐式转换 **

//进行隐式转化
“37”-7 //30,这里“-”号使得左侧的字符串转换为数值类型。
"37"+7 //377,这里“+”号使得右侧的数值转换为字符串类型。

//巧用+/-规则转换类型
num-0 //若num为null,则这条语句变为数值0
num+"" //若num为数值,则这条数值变为字符串

//等于"==",尝试类型转换并比较
null == undefined;//相等
number == string; //string转number
boolean == ?; //boolean转化为数字,true为1,false为0
object ==number|string;//尝试对象转为基本类型new String("hi") == "hi" //true

//严格等于“===”,首先会判断两边的类型,类型不同,返回false
//类型相同的情况下
null === null; //true
undefined === undefined; //true
NaN === NaN; //false
new Object === new Object; //false,是用引用做比较

1-4 包装对象

//数据类型,包括5种原始类型,一种对象类型
object(function, array, date....)
number
string
boolean
null
undefined

//number boolean string都有包装类型
var str = "string"; //基本数据类型
var st = new String("string"); //对象类型,也是string基本类型对应的包装类
//当一个基本类型尝试用对象去访问的时候,js会把基本数据类型转换为包装类型对象,执行包装类的方法之后,包装类作为一个临时对象就会消失。
str.length; //3
str.a = "demo";//赋值成功
str.a;//undefined,包装类消失

1-5 类型检测

//类型检测方法
typeof
instanceof
Object.prototype.toString
constructor
duck type

//typeof
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,这个需要注意,记住就好

//obj instanceof Object ;//判断左边的原型链上是否有右边的prototype属性,
[1, 2] instanceof Array === true;
new Object() instanceof Array === false;

//Object.prototype.toString
Object.prototype.toString.apply([]);//"[object Array]"
Object.prototype.toString.apply(function(){});//"[object Function]"
Object.prototype.toString.apply(null);//"[object Null]"
Object.prototype.toString.apply(undefined);//"[object Undefined]"

//类型检测小结
typeof;//适合基本类型及function检测,遇到null失效
[[Class]];//通过{}.toString拿到,适合内置对象和基本类型,遇到null和undefined失效,IE678等返回[object Object]
instanceof;//适合自定义对象,也可以用来检测原生对象,在不同iframe和window间检测时失效。

2-1表达式
表达式是指能计算出值的任何可用程序单元(wiki);表达式是一种js短语,可使js解释其用来产生一个值(js权威指南)。

//原始表达式
3.14;
i;

//复合表达式
2*3

//数组、对象的初始化表达式
[1,2];// new Array(1,2)
[1,,,4];//[1, undefined, undefined,4]
{x:1, y:2};// var o =new Object(); o.x=1; o.y=2;

//函数表达式
var fe = function(){};
(function(){console.log("hello world");})();

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

//调用表达式
func();

//对象创建表达式
new Func(1,2);
new Object;

2-2运算符

//按照操做数进行划分
一元运算符:+num;
二元运算符: a+b;
三元运算符:c?a:b;

//特殊运算符

//逗号运算符
var val=(1,2,3);//val=3,这是逗号运算符,取最后一个值

//delete obj.x,删除对象的属性
var obj = {x:1};
obj.x; //1
delete obj.x;
obj.x;  //undefined
//使用Object.defineProperty方法,只有configurable为true时才可以删除
var obj = {};
Object.defineProperty(obj,'x',{
  configurable: false,
  value: 1
})
delete obj.x; //false
obj.x;//1

//"in"运算符
window.x=1;
'x' in window; //true

//运算符instanceof和typeof
{} instanceof Object; //true
type 100 === 'number'; //true

//运算符new
function Foo(){};
Foo.prototype.x = 1;
var obj = new Foo();
obj.x; //1
obj.hasOwnProperty('x'); //false
obj._proto_.hasOwnProperty('x'); //true

//this运算符
this;//window(浏览器)
var obj = {
  func: function(){return this;}
};
obj.func(); //代表对象obj

//void运算符
void 0 //undefined
void(0) //undefined

3-1 block语句、var语句

//block用于花括号定义,常用语组合使用
a={x:1, y:2};
//没有块级作用域,就是在块外面也可以访问块里面的值
for(var i=0; i<10; i++){
  var str = "hi";
  console.log(str);
}
var i=0;
for(;i<10;i++){
  var str="hi";
  console.log(str);
}
//存在函数作用域,函数外面访问不到函数里面定义的值
function foo(){
  var a=1;
  console.log(a); //1
}
foo();
console.log(typeof a);//undefined

//定义方式var
var a=1;//通常定义方式
var a=1, b=1;//定义两个变量的方式
var a=b=1;//会将变量b定义为全局变量
function foo(){
  var a=b=1;
}
foo();
console.log(typeof a);//undefined,没有访问到,存在函数作用域
console.log(typeof b);//number,访问到,因为b被定义为全局变量

3-2 try-catch语句

//流程和格式
try{
  throw "test";
}catch(ex){
  console.log(ex); //test
}finally{
  console.log("finally");
}

3-3 函数、switch、循环

//函数声明和函数表达式的区别是函数声明可以前置,而函数表达式不行
//函数声明
fd(); //true
function fd(){
  //do sth;
  return true;
}
//函数表达式
fe();//TypeError
var fe = function(){
  //do sth;
};

//for..in
//for..in中存在的问题:顺序不确定;enumerable为false时不会出现,for in对象属性受原型链影响
var p;
var obj={x:1, y:2}
for(p in obj){
...
}

//switch条件分支语句
var val=2
switch(val){
  case 1:
    console.log(1);
    break;
  case 2:
    console.log(2);
    break;
  default 3:
    console.log(0);
    break;
}

//循环语句
whild(isTrue){
//do sth.
}

do{
//do sth.
}while(isTrue)

var i;
for(i=0;i<n;i++){
//do sth.
}

//with可以修改当前的作用域,已经不建议被使用,在严格模式下已经禁止使用
with({x: 1}){
  console.log(x);
}

with(document.forms[0]){
  console.log(name.value);
};//可以通过下面的定义变量的方式来代替
var form = document.forms[0];
console.log(form.name.value);

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

//通过添加use strict来使用安全模式
//通过在函数内添加use strict使用
function func(){
  'use strict';
}
//通过在文件头添加use strict使用
‘use strict’ 
function func(){
...
}

严格模式下的说明
1、不能使用with语句
2、不允许未声明的变量被赋值(即是需要使用var进行声明,不然会报referenceerror)
3、argumens变为参数的静态副本(不懂,需要看看)
4、delete参数,函数名报syntax error

!function(a){
  'use strict';
  delete a;
}(1);

5、delete不可配置的属性报错typeerror

!function(a){
  'use strict';
  var obj={};
  Object.defineProperty(obj, 'a', {configurable: false}); 
  delete obj.a;
}(1);

6、对象字面量重复属性名错误
7、禁止八进制字面量
8、eval,arguments变为关键字,不能作为变量,函数名
9、eval独立作用域,eval外面不能获取eval内定义的变量值

!function(){
  'use strict';
  eval('val evalVal = 2');
  console.log(typeof evalVal); //undefined
}

10、一般韩式调用时(不是对象的方法调用,也不使用apply/call/bind等修改this)this指向null,而不是全局对象。
11、若使用apply/call时,当传入null或undefined时,this指向null或者undefined,而不是全局对象。
12、试图修改不可写属性(writable=false),在不可扩展的对象上添加属性时报TypeError,而不是忽略。
13、arguments.caller,arguments.callee被禁用。

4 对象
4-1 对象概述 **
对象中包含一系列属性,这些属性是
无序的,每个属性都有一个字符串**key和对应的value。

//说明属性的key是字符串
var obj={};
obj[1]=1;
obj;//Object {1: 1}
obj['1']=1;
obj;//Object {1: 1},和shang

//下面的例子没看懂
var obj={};
obj[{}]=true;
obj[{x: 1}]=true;
obj;//{[object Object]: true}

4-2 创建对象、原型链

//对象创建-字面量形式
var obj1 = {x: 1, y: 2};

var obj2 = {  //嵌套形式
  x: 1;
  y: 2;
  o:{
    z: 3;
  }
}

//使用new构造器的方式创建
function fun(){}
foo.prototype.z=3;  //foo.prototype=>Object;Object.prototype=>null;

var obj = new foo();
obj.x=1;
obj.y=2;

obj.x;//1
obj.y;//2
obj.z;//3
typeof obj.toString();//function
'z' in obj;//true
obj.hasOwnProperty("z");//false

obj.z = 5; //为obj对象添加z这个属性
obj.hasOwnProperty("z"); //true
foo.prototype.z;//3
obj.z;//5

obj.z=undefined;
obj.z;//undefined;

delete obj.z;//只会删除对象上的属性,不会影响原型链
obj.z;//3


//使用Object.creat创建
var obj = Object.create({x: 1});
obj.x; //1
typeof obj.toString //"function"
obj.hasOwnProperty("x");//false

var obj = Object.create(null);
obj.toString;//undefined

**4-3 属性操作 **
**4-4 get/set方法 **
**4-5 属性标签 **
4-6 对象标签、对象序列化

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 213,864评论 6 494
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 91,175评论 3 387
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 159,401评论 0 349
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 57,170评论 1 286
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 66,276评论 6 385
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 50,364评论 1 292
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,401评论 3 412
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 38,179评论 0 269
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,604评论 1 306
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,902评论 2 328
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,070评论 1 341
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,751评论 4 337
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,380评论 3 319
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,077评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,312评论 1 267
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 46,924评论 2 365
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 43,957评论 2 351

推荐阅读更多精彩内容