JS编程小常识很有用


Posted in Javascript onNovember 26, 2012

1.JS中的是是非非
JS是一门计算机编程语言,是一门动态语言也称为脚本语言,是解析型编程语言。为什么是脚本?因为他本身不能执行,就是没有main函数或主程序的入口,必须被他的宿主环境,也就是解析环境解析执行他。为是什么是解析型?因为JS不会进行编程,链接,汇编等一系统的过程生成某个文件,再执行,他就是以字符串形式加载执行..
2.JS中的真真假假
空,null,undefined,false,0,””,'',NaN都为假,其他都为真
3.函数,类,对象,构造器有什么区别?
答:在js中函数,类,对象,构造器可以说是没有任何区别的,我们可以说函数既为对象,对象既为类,类既为构造器。但一般情况下,我们称对象为那个类的实例,这是为了减少混乱。

function Person(){ 
} 
var person = new Person(); 
//Person我们可以称为函数,类,对象,构造器(不带参数) 
//person称为对象的引用

4.懂this关键字,你懂JS五分之一.
this永远指向调用该方法(函数)的那个对象.(必背)
首先要知道this是什么?
this就是js中的一个对象。是一个对象,不是一个函数,此是的对象你可以看作是一个对象的引用,引用谁?引用调用方法的那个对象.
this这个对象存在哪里?存在JS代码中,一般存在于函数之中。如果你把this放到<script>标签中,你可以试下window==this,打印什么?为什么?
剖析this关键字
function ready(){ 
alert(this==window); 
} 
ready();

此时打什么?true,为什么?
function Person(){ 
this.name='张三'; 
alert(this==window); 
} 
new Person();

此时打印什么?false,为什么?
把代码加长点.加一个var perso=
var person = new Person();
全世界的人都知道person引用了new Person产生的那个对象。new Person创建的是一个JS实例对象,我们就可以绑定属性和方法.
看下面这段代码
fn=function(){ 
} 
fn.ready=function(){ 
alert(this== fn); 
}

当调用fn.ready()的时候打印什么?true ,为什么?
十分奇怪,this现在等于一个函数了..为什么?
5.JS中静态方法和属性将助你一臂之力.
什么是静态.顾名思意:就是不动了,JS中不动的方法是什么?就是不需要创建实例,直接可以通过类名调用方法,哪里都没有动。方法就调用了。不需要任何额外的代码。这只是片面之言。所谓静态:就是属于类的属于类本身的特征.
Js中类既为对象,何不能直接绑定属性和方法。当然可以.
fn=function(){ 
} 
fn.name='张三'; 
fn.getName=function(){ 
return fn.name; 
}

这也行,但为什么还要new 的过程,全都这样绑定不就可以了吗?思考
6.prototype和constructor的在JS框架中的影响
prototype为原型,是一个对象。,。
constructor为构造器,是一个函数
到现在为止,你要分清楚,什么时候的对象为对象,什么时候的对象是一个函数.也难为JS解析器,能解析运行如此灵活的代码。
prototype可以说他是一个类的静态的属性,他指向这个对象的实例。换句话说prototype是一个对象。prototype指向的对象和我们new的对象有何区别?建立了一种等价桥梁关系,但不是同一个。当我们在函数prototype上绑定属性的时候,那么属性和值就绑定到了prototype对象上,并没有正真的绑定到那个对象上去。当需要访问那个对象上的这个属性的时候,JS解析器,首先会去从对象本身上去找这个属性,然后再到原型对象上找。
function Person(){ 
} 
var person = new Person(); 
person.name=”张三”; 
Person.prototype.name=”李四”; 
alert(person.name); 
delete person.name; 
alert(person.name);

constructor指向一个对象的构造器。(什么是构造器?自己去复习。),由此可以看出他是一个对象级别的属性。也就是要使用constructor这个属性,必须需要一个对象。
那么prototype是一个对象有没有constructor属性?当然有,既然constructor是指构造器,那有没有一个prototype属性?当然有,以此类推,下面这两段代码是正确的.
constructor.prototype.constructor.prototype.constructor……
prototype.constructor.prototype.constructor.prototype……
其实我也不知道到底可以连多长?感兴趣可以试一下。顺便告诉你用递归算法。
在众多的JS代码中,当我们已知一个对象,要求他的构造器,或者已知一个构造器,求他的对象。应入门了。
7.==和===将判断进行到底.
==和===神像形不象.不要去考虑,一眼就看出是做断判是否相等。
有木有区别?
==判断变量是否相等。
===判断变量的值相等。
以此类推:====用来干嘛的??用来报错的.你懂的.这里只想告诉你,只有==和===
JS中变量是弱类型的,都懂。
var a=3; 
var b=”3”; 
alert(a==b); 
JS中变量的值是强类型的。你懂的. 
var a =3; 
var b =”3”; 
alert(a===b);

都是var 类型的变量,但他们的值不一样,一个是整形,一个是字符串型.
var类型和var类型相比,当然是true,整形和字符串型比,当然是false.
==用来比较他们值是否一样。不会是计较值的类型,只要他们的变量是var类型就可以了。当然是这废话,难不成,你不还能声明第二种变量类型的变量?.
===用来比较,会去判断他们的值是否为同一类型。如果不是,没有的比较。JS中变量的值是强类型的,有整形,字符串,数字,布尔等.
8.typeof和instanceof完成了判断未成的使命
typeof用来判断基本数据类型
instanceof 用来判断对象类型是否为某一个类型号
9.5种继承让你如虎添翼.
i.对象冒充
ii.apply
iii.call
iv.prototype
v.for循环方式
用法:永远只须记住,JS中的继承只是属性和方法的拷贝.
10.DOM模型结构改变你的思想
DOM是一种思想,一种将数据以树状结构数据的思想。学习DOM只需要掌握任何一个节点都有一个父节点和0到多个子节点.任何一个节点都有一个页面上的标签表现形式和一个内存对应着一个标签对象.页面只是展示数据的地方,内存中才是DOM对象数据保存地方。任何一个DOM对象只能有一个父节点对象。父子关系可以随时改变。
必须:
获取对象:查
对象操作:增,修,删
内容操作:innerHTML,innerText等
事件操作:mouse,key
样式操作:id,tag,class
属性操作:attribute
11.回调函数减少编写代码
什么是回调函数?
在JS中函数名是用来标识一个函数的。既我们可以传递给某个函数一个函数名(函数名柄),然后由那个函数来自动调用我们的函数完成相关的处理。
调用者与被调用者分开,我们不需要关心调用者,和被调用者。回调可用于通知机制,事件。
12.函数和arguments
函数名就是函数的句柄,指针,函数名是唯一的,这也成就了JS中没有函数重载。只有函数覆盖。函数名才是唯一标识函数的。
永远需牢访,JS中的函数调用就是在函数名后面加对括号()
函数调用参数可有可无,无论什么情况下,参数都会保存在函数体中的arguments对象中,你可以直接使用他,他是一个对象,参数是以数组形式存放。
13.闭包(匿名函数)为开发开辟了捷径
闭包是函数内调用函数外的参数,一般也可称为匿名函数,但两者有所不同。
闭包的价值在于可以作为函数对象或者匿名函数,对于类型系统而言这就意味着不仅要表示数据还要表示代码。支持闭包的多数语言都将函数作为第一级对象,就是说这些函数可以存储到变量中、作为参数传递给其他函数,最重要的是能够被函数动态地创建和返回.
匿名函数减少了变量名称的冲突,为没有权限作用域的JS提供了权限作用域。当我们需要提供一个接口,但又不想让这个接口对象为全局变量就需要用匿名函数:
(function(){
局部代码,外部永远无法访问,除非你提供一个入口
})();
Javascript 相关文章推荐
JavaScript 不只是脚本
May 30 Javascript
jQuery 美元符冲突的解决方法
Mar 28 Javascript
js中关于new Object时传参的一些细节分析
Mar 13 Javascript
JavaScript XML和string相互转化实现代码
Jul 04 Javascript
Node.js 日志处理模块log4js
Aug 28 Javascript
AngularJS折叠菜单实现方法示例
May 18 Javascript
Angular 4依赖注入学习教程之简介(一)
Jun 04 Javascript
JS设计模式之访问者模式定义与用法分析
Feb 05 Javascript
在vue项目中集成graphql(vue-ApolloClient)
Sep 08 Javascript
解决cordova+vue 项目打包成APK应用遇到的问题
May 10 Javascript
vue中实现上传文件给后台实例详解
Aug 22 Javascript
使用preload预加载页面资源时注意事项
Feb 03 Javascript
javascript:history.go()和History.back()的区别及应用
Nov 25 #Javascript
js实现拖拽 闭包函数详细介绍
Nov 25 #Javascript
jquery miniui 教程 表格控件 合并单元格应用
Nov 25 #Javascript
JavaScript mapreduce工作原理简析
Nov 25 #Javascript
jquery div 居中技巧应用介绍
Nov 24 #Javascript
js实现在文本框光标处添加字符的方法介绍
Nov 24 #Javascript
js获取TreeView控件选中节点的Text和Value值的方法
Nov 24 #Javascript
You might like
大师制作的中短波矿石收音机
2020/04/02 无线电
php不用正则采集速度探究总结
2008/03/24 PHP
解析PHP高效率写法(详解原因)
2013/06/20 PHP
php获取当月最后一天函数分享
2015/02/02 PHP
laravel实现图片上传预览,及编辑时可更换图片,并实时变化的例子
2019/11/14 PHP
js压缩利器
2007/02/20 Javascript
HTTP 304错误的详细讲解
2013/11/13 Javascript
js的touch事件的实际引用
2014/10/13 Javascript
javascript实现动态改变层大小的方法
2015/05/14 Javascript
jQuery实现两款有动画功能的导航菜单代码
2015/09/16 Javascript
jQuery事件绑定用法详解
2016/09/08 Javascript
详解js静态检查工具eslint配置文件
2018/11/23 Javascript
教你搭建按需加载的Vue组件库(小结)
2019/07/29 Javascript
JavaScript 作用域实例分析
2019/10/02 Javascript
Node.js 中判断一个文件是否存在
2020/08/24 Javascript
使用AutoJs实现微信抢红包的代码
2020/12/31 Javascript
python实现360皮肤按钮控件示例
2014/02/21 Python
处理Python中的URLError异常的方法
2015/04/30 Python
python图像处理之镜像实现方法
2015/05/30 Python
python中OrderedDict的使用方法详解
2017/05/05 Python
Django实现快速分页的方法实例
2017/10/22 Python
python爬虫之模拟登陆csdn的实例代码
2018/05/18 Python
python SMTP实现发送带附件电子邮件
2018/05/22 Python
python利用小波分析进行特征提取的实例
2019/01/09 Python
对python numpy.array插入一行或一列的方法详解
2019/01/29 Python
对django2.0 关联表的必填on_delete参数的含义解析
2019/08/09 Python
Python-opencv实现红绿两色识别操作
2020/06/04 Python
Tostadora意大利:定制T恤
2019/04/08 全球购物
Pedro官网:新加坡时尚品牌
2019/08/27 全球购物
如果让你测试一台高速激光打印机,你都会进行哪些测试
2012/12/04 面试题
电气技术员岗位职责
2013/11/19 职场文书
机械设计职业生涯规划书
2013/12/27 职场文书
优秀毕业自我鉴定
2014/02/15 职场文书
文体活动总结
2015/02/04 职场文书
2015年大学辅导员工作总结
2015/05/12 职场文书
Nginx本地配置SSL访问的实例教程
2022/05/30 Servers