Javascript的精华
一.语法
JS只有一个数字类型,64位浮点数,所以1和1.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的精华的更多相关文章
- JavaScript基础精华03(String对象,Array对象,循环遍历数组,JS中的Dictionary,Array的简化声明)
String对象(*) length属性:获取字符串的字符个数.(无论中文字符还是英文字符都算1个字符.) charAt(index)方法:获取指定索引位置的字符.(索引从0开始) indexOf(‘ ...
- JavaScript基础精华02(函数声明,arguments对象,匿名函数,JS面向对象基础)
函数声明 JavaScript中声明函数的方式:(无需声明返回值类型) function add(i1, i2) { return i1 + i2;//如果不写return返回 ...
- JavaScript基础精华01(变量,语法,数据类型)
JavaScript是一种脚本语言. 脚本,一条条的文字命令.执行时由系统的一个解释器,将其一条条的翻译成机器可识别的指令,然后执行 JavaScript基本组成 1.基本语法(浏览器基本都支持,有统 ...
- Javascript的精华啊【如果以后我看到了或者想到了再继续补吧】
我不过略有一些讨人喜欢的地方而已,怎么会有什么迷人的魔力呢? 一.语法 JS只有一个数字类型,64位浮点数,所以1和1.0是相同的.为什么这么设计:防止短整型的溢出. 二.对象 1.通常将一个对象的值 ...
- 读《JavaScript语言精粹》的一些感言
最近看了<JavaScript语言精粹>,并且连着看了两遍,如果非要用言语形容的话,那我只能用4个字来形容:相见恨晚.其中的一些经验经过这么多年的摸索其实也了然,但是作者用这么浅薄的书把有 ...
- JavaScript权威指南学习笔记4
今天看了第9.10.11章,感觉收获最大还是正则表达式那章节,不过这些不用太多脑子思考,问题用到了直接查书就可以了,下面分别总结一下: 第9章类和模块:分9节,前面8节都是在讲类相关的知识,最后一节讲 ...
- JavaScript语言精粹-读书笔记
前言:很久之前读过一遍该书,近日得闲,重拾该书,详细研究一方,欢迎讨论指正. 目录: 1.精华 2.语法 3.对象 4.函数 5.继承 6.数组 7.正则表达式 8.方法 9.代码风格 10.优美的特 ...
- JavaScript面试的完美指南(开发者视角)
为了说明 JS 面试的复杂性,首先,请尝试给出以下结果: onsole.log(2.0 == "2" == new Boolean(true) == "1") ...
- JavaScript简单继承
很多C#或C++开发人员习惯使用继承来开发项目,所以当他们想学习JavaScript语言时,第一个问题一般是:“我怎么在JavaScript中使用继承?”. 实际上JavaScript使用了一种不同于 ...
随机推荐
- 转:【译】Asp.net MVC 利用自定义RouteHandler来防止图片盗链
[译]Asp.net MVC 利用自定义RouteHandler来防止图片盗链 你曾经注意过在你服务器请求日志中多了很多对图片资源的请求吗?这可能是有人在他们的网站中盗链了你的图片所致,这会占用你 ...
- C#代码篇:代码产生一个csv文件调用有两个核心的坑
忙活了半天终于可以开工了,a物品到底要不要放进去取决于两个因素,第一是a有4kg重,只有背包大于等于4kg的时候才能装进去(也就是说当i=1,k<4时f[i,k]=0):第二是当背包的重量大于等 ...
- 返回变量的类型VarType函数
'vbEmpty 0 Empty(未初始化)'vbNull 1 Null(无有效数据)'vbInteger 2 整数'vbLong 3 长整数'vbSingle 4 单精度浮点数'vbDouble 5 ...
- C#语言之“String.Split”的使用【转】
String.Split 方法有6个重载函数: 1) public string[] Split(params char[] separator) 2) public string[] Split(c ...
- jquery点击选中,再次点击取消选中
if(!$(this).hasClass("current")){ $(this).addClass("current"); }else{ $(this).re ...
- log4j配置示例
在配置文件中按包名或类名来定义Logger 在程序中按类名取Logger 定义: log4j.rootLogger=debug,stdout log4j.logger.com.mypkg=debug, ...
- [bash] 查找替换文件
写这个脚本也加深了对 bash 数组的理解. #!/bin/bash #2015-11-23 echo -e "说明:\n将文件放在/app/tmp_class目录下,保证该目录下没有其他文 ...
- Selenium 中文API
Selenium 中文API 转自:http://blog.csdn.net/lh9529/article/details/3946567 概念 Selenium 通过命令进行驱动.Seleniu ...
- JAVA的字符编码及问题
web开发时,字符编码及有时候也会是一个麻烦的问题,没有经验的话,肯定不知道怎么解决,有一定的经验的话,那还是比较简单的.以下,是我学习过程中总结出来的几种字符编码级问题和其解决的方法 1.文档乱码, ...
- 运用bootstrap框架的时候 引入文件的问题
还要下个jquery,因为bootstrap的js是用jquery写的如果在同一个目录下<html><head><link href="css/bootstra ...