一.语法

JS只有一个数字类型,64位浮点数,所以11.0是相同的。为什么这么设计:防止短整型的溢出。

二.对象

1.通常将一个对象的值赋给另一个变量的赋值方法

if(car.name!=null){
a=car.name;
}else{
a='unknown';
}

小技巧(给默认值):

a=car.name||"unknown";

2.尝试从一个对象的属性中取值

通常

if(car!=undefined){
a=car.age;
}

小技巧:

a=car&&car.age;

3.枚举属性

通常我们会简单的使用for in

var name;
for(name in car ){
...
}

这样的后果就是遍历出来的属性你可能无法预知,会遍历到原型上的属性

小技巧:不适用for in,取而代之用for循环

var properties=[
'name',
'status',
'useTime'
]; for(var i=0;i<properties.length;i++){
car[properties[i]] ...
}

4.删除属性

这个东西估计很少有人会使用到,但是存在既有道理,我就遇到过一个场景,在使用一个第三方的类库的时候,类库提供的方法创建的对象有我不需要的属性,而我要将这个对象转化为JSON格式的字符串,这个时候删除属性这个功能尤其的强大。

Delete car.name ;

三.函数

1.调用

JS中有4种调用方式

  • 方法调用模式
  • 函数调用模式
  • 构造器调用模式
  • apply调用模式

四种模式的差异在于 this指向

方法调用模式很好理解,我们写C#定义一个类CAR,给CAR定义一个方法RUN,这个时候实例化一个对象 jeep ,那么方法调用就是 jeep.RUN();

JS中同样如此

var jeep ={
run:function(){
...
}
}; jeep.run();

this的指向为调用的对象。

函数调用模式,如下add2函数被调用的方式,直接写函数名

        function add(a, b) {
return a + b;
}
var shuxue={};
shuxue.calculate1 = function () {
var add2 = function () {
this.value=this.add(3, 3);
} add2();//函数调用模式 }
shuxue.calculate1();//方法调用模式
document.write(shuxue.value);//undefined shuxue.calculate2 = function () {
var that=this;
var add2 = function () {
that.value=this.add(3, 3);
} add2();//函数调用模式 }
shuxue.calculate2();//方法调用模式
document.write(shuxue.value);//

这里的this指向有点问题,JS设计之初把它指向了全局,如果这样就会导致上面代码的异 常,代码定义了一个shuxue的对象,并给他定义了2个方法calculate1和calculate2,我们发现都同样在函数内部调用了add2函 数,add2函数内试图给对象增加一个属性

value,calculate1的方式失败了,calculate2的方式成功了,区别在于后者把this(这时候的this是指向该函数的)给了函数的内部变量that,固定了下来,内嵌的函数使用外部函数的变量,也就是形成了闭包,前者this指向全局。

构造器调用模式

var Car=function(){};

var jeep=new Car();  //有个约定,如果函数是用来new的,那么大写开头,以区别于一般的函数

this指向这个new的对象

apply调用模式

JS是一门函数式的面向对象编程语言,所以函数可以拥有方法

        function add(a, b) {
return a + b;
} var result=add.apply(null,[3,4]);
document.write(result);// 7 function getName(){
return this.name;
} var car={name:'jeep'}; var name=getName.apply(car);// car并没有getName方法
document.write(name); // jeep

  this指向apply第一个参数

2.模块

我们知道JS很容易造成全局变量的滥用,所以JS提供了一个方法,利用闭包和和函数作用域(JS没有块级作用域ES6之前)构造模块

        var man=function(){
var age=12;
return {
getYear:function(){
return age;
},
setYear:function(n){
age=n;
}
}
} var peter=man();
document.write(peter.getYear()); //12
peter.setYear(20);
document.write(peter.getYear());//20
document.write(peter.age); //undefined 属性私有只能通过接口访问

转自(http://www.cnblogs.com/whosedream/p/5252089.html)

3.级联

这个已经被广大程序猿们所喜爱了

    var man=function(){
var age=12;
return {
getYear:function(){
alert(age);
return this;
},
setYear:function(n){
age=n;
return this;
}
}
} var peter=man();

peter.getYear().setYear(20).getYear(); //级联

Javascript的精华的更多相关文章

  1. JavaScript基础精华03(String对象,Array对象,循环遍历数组,JS中的Dictionary,Array的简化声明)

    String对象(*) length属性:获取字符串的字符个数.(无论中文字符还是英文字符都算1个字符.) charAt(index)方法:获取指定索引位置的字符.(索引从0开始) indexOf(‘ ...

  2. JavaScript基础精华02(函数声明,arguments对象,匿名函数,JS面向对象基础)

    函数声明 JavaScript中声明函数的方式:(无需声明返回值类型) function add(i1, i2) {             return i1 + i2;//如果不写return返回 ...

  3. JavaScript基础精华01(变量,语法,数据类型)

    JavaScript是一种脚本语言. 脚本,一条条的文字命令.执行时由系统的一个解释器,将其一条条的翻译成机器可识别的指令,然后执行 JavaScript基本组成 1.基本语法(浏览器基本都支持,有统 ...

  4. Javascript的精华啊【如果以后我看到了或者想到了再继续补吧】

    我不过略有一些讨人喜欢的地方而已,怎么会有什么迷人的魔力呢? 一.语法 JS只有一个数字类型,64位浮点数,所以1和1.0是相同的.为什么这么设计:防止短整型的溢出. 二.对象 1.通常将一个对象的值 ...

  5. 读《JavaScript语言精粹》的一些感言

    最近看了<JavaScript语言精粹>,并且连着看了两遍,如果非要用言语形容的话,那我只能用4个字来形容:相见恨晚.其中的一些经验经过这么多年的摸索其实也了然,但是作者用这么浅薄的书把有 ...

  6. JavaScript权威指南学习笔记4

    今天看了第9.10.11章,感觉收获最大还是正则表达式那章节,不过这些不用太多脑子思考,问题用到了直接查书就可以了,下面分别总结一下: 第9章类和模块:分9节,前面8节都是在讲类相关的知识,最后一节讲 ...

  7. JavaScript语言精粹-读书笔记

    前言:很久之前读过一遍该书,近日得闲,重拾该书,详细研究一方,欢迎讨论指正. 目录: 1.精华 2.语法 3.对象 4.函数 5.继承 6.数组 7.正则表达式 8.方法 9.代码风格 10.优美的特 ...

  8. JavaScript面试的完美指南(开发者视角)

    为了说明 JS 面试的复杂性,首先,请尝试给出以下结果: onsole.log(2.0 == "2" == new Boolean(true) == "1") ...

  9. JavaScript简单继承

    很多C#或C++开发人员习惯使用继承来开发项目,所以当他们想学习JavaScript语言时,第一个问题一般是:“我怎么在JavaScript中使用继承?”. 实际上JavaScript使用了一种不同于 ...

随机推荐

  1. [ mysql优化一 ] explain解释select语句

    NOSQL  没有什么数据表, 只是一些变量,key_value  ,redis 支持的变量比较多.可以持久化文件到硬盘上. mysql 关系型数据库 ,表和表中间有各种id的关系. 缺点  高并发读 ...

  2. AngularJS 初学笔记(理论基础)

    AngularJS 是一个 JavaScript 框架.它是一个以 JavaScript 编写的库. AngularJS 通过 ng-directives 扩展了 HTML. ng-app 指令定义一 ...

  3. easyui datagrid分页

    datagrid分页设置 pagination="true" 貌似是不行的!  只是显示分页工具栏 没有达到分页效果 前端 $(function (){ var p = $('#d ...

  4. underScore学习1:匿名函数中call(this)的作用

    匿名函数中(function(){}).call(this) 中的.call(this) 有什么用? 我们都知道,.call()可以改变函数执行时的context,即this的指向,源码中的.call ...

  5. lucene 总结收集(url)

    1.倒排索引结构 2.lucene自定义评分域 3.Lucene系列-FieldCache 4.Lucene系列-facet | IT瘾 5.lucene4.7 之排序 6.lucene排序---相关 ...

  6. CSS3之动画Animation特效

    CSS3的出现 让我们通过css样式也能写出炫酷的特效 通过 Animation 这个属性 无需插件和jquery也可以轻松的完成简单的动画效果 DEMO: <!DOCTYPE html> ...

  7. 在Linux中让文本显示带颜色的字。

    在linux中让echo命令显示带颜色的字需要使用参数-e 格式:echo -e "\33[字体背景颜色:文字颜色m字符转\033[0m" 注: 1.字体背景颜色和文字颜色之间是英 ...

  8. APP性能测试工具

    各种自动化工具作用: 自动化:appium 针对接口做压测:jmeter 执行一段脚本,随机乱点:monkey 如果有用loadrunner12的话 也可以用mobilerecoder录制脚本(lr1 ...

  9. CodeForces 705C Thor

    开30W个vector将数字归类,每一类数字开一个指针P,记录已经阅读到哪一个了,还可以开一个优先队列维护这些指针P. #pragma comment(linker, "/STACK:102 ...

  10. L3-001. 凑零钱

    L3-001. 凑零钱 题目链接:https://www.patest.cn/contests/gplt/L3-001 动态规划 这道题一看就知道应该用背包思想来做,不过想了好久没什么思路(dp实在是 ...