js 一些基础知识
数据类型：
作用域
每个函数都有自己的执行环境，执行环境定义了变量有权访问的其他数据，决定了他们各自的行为。
每个执行环境都有一个与之关联的变量对象（variable object），环境中定义的所有变量或函数都保存在这个对象中。
当代码在一个环境中执行时，会创建变量对象的作用域链
js没有块级作用域
函数声明与函数表达式
function test(){}//函数声明,他的重要特性是函数声明提升
var test=function(){}//函数表达式
递归
保险的递归写法（命名函数表达式）：
var factorial = (function fa(num){
if(num<=1){
return 1;
}else{
console.log(num);
return num*fa(num-1);
}
});
闭包
创建闭包：在一个函数内部创建另一个函数；
作用：延长变量的作用域链
原理：内部函数的作用域链包含外部函数的作用域链
缺点：过度使用可能会造成内存泄露
例子：这个例子中写了两个按钮，点击按钮的时候弹出此按钮被点击的次数。
<body>
<button id="btn1" onclick="test1()">btn1</button>
<button id="btn2" onclick="test2()">btn2</button>
<script>
var test1 = showClickNumber();
var test2 = showClickNumber();
function showClickNumber(){
var number = 0;
return function(){
number = number+1;
alert(number);
}
}
</script>
</body>
这个例子可以形象地描述一个闭包：showClickNumber函数内部先定义了一个变量number用于计数，然后返回一个匿名函数；
在这个匿名函数里面，我们使用到了外部函数的number变量；
这样虽然showClickNumber函数执行完了，但它的内部变量number也不会销毁，因为他还在被test1，test2方法引用。
虽然只申明了一个变量，两个按钮却会各自统计各自的点击数量，不会相互影响
关于this对象
this对象是在运行时基于函数的执行环境绑定的
1、在全局函数中：this=window；
2、函数作为某个对象的方法被调用时：this=对象；
3、通过call()或apply()改变函数执行环境时，this指向指定的对象
模仿块级作用域--私有作用域
(function(){
//块级作用域
})();
js没有块级作用域的概念，用这样一个自执行的函数（闭包）包起来，它里面的变量就成了局部变量，还可以提高运行速度
创建对象的推荐方式
1、组合使用原型模式和构造函数模式
function Persion(name,age,job){
this.name = name;
this.job = job;
this.age = age;
}
//protocol指向函数的原型对象，原型对象会自动获得constructor（构造函数）属性
//constructor包含一个指向prototype属性所在函数的指针
//通过constructor，还可以为原型对象添加其他属性和方法
//下面的代码，我们重置了Persion原型，应该为constructor赋值，否则就丢失了constructor值
Persion.prototype={
constructor:Persion,
sayName:function(){
alert(this.name);
}
}
2、动态原型模式
function Persion(name,age,job){
this.name = name;
this.job = job;
this.age = age;
if(typeof this.sayName() != "function"){
Persion.prototype.sayName = function(){
alert(this.name);
}
}
}
js 一些基础知识的更多相关文章
- css+js+html基础知识总结
css+js+html基础知识总结 一.CSS相关 1.css的盒子模型:IE盒子模型.标准W3C盒子模型: 2.CSS优先级机制: 选择器的优先权:!important>style(内联样式) ...
- 001/Node.js(Mooc)--基础知识
一.Node.js基础知识 node.js用C++语言编写. 简单的说 Node.js 就是运行在服务端的 JavaScript. Node.js 是一个基于Chrome JavaScript 运行时 ...
- node.js的基础知识
第一部分知识: .命令行窗口(小黑屏).CMD窗口.终端.shell - 开始菜单 --> 运行 --> CMD --> 回车 - 常用的指令: dir 列出当前目录下的所有文件 c ...
- js的基础知识笔记
目录 一.基本数据类型 二.函数 三.面向对象 一.基本数据类型 1.使用var声明变量.使用;结尾.使用{}表示代码块.使用驼峰式命名 2.变量是弱类型的,即并不严格要求声明变量的类型,一个变量可以 ...
- 【JS】基础知识
引言 在互联网的演化过程中,网页制作是Web1.0时代的产物,那时网站的主要内容都是静态的,用户使用网站的行为也以浏览为主. 2005年以后,互联网进入了Web2.0时代,各类似桌面软件的Web应用大 ...
- 二、js中基础知识
该篇文章主要是强化一下自己javaScript的基础,让写代码变得更轻松些.基础好的请忽略. JavaScript一种直译式脚本语言,是一种动态类型.弱类型.基于原型的语言,内置支持类型.它的解 ...
- JS的基础知识
前言:写前端代码时的各种取值纠结,让我决定我必须要好好学一下js............加油~ $("#tr"+id).remove() 删除某一行,而不用刷新页面 HightCh ...
- js函数基础知识
[函数的声明及调用] function 函数名(参数1,参数2,....){ //函数体代码 return返回值: } 1.函数的调用: ①直接调用:函数名(参数1的值,参数2的值,....) ②事件 ...
- three.js引擎基础知识—摄像机、场景及渲染器
一.three.js采用右手坐标系: x轴正方向向右,y轴正方向向上,z轴由屏幕从里向外,如下图右: 二.3D编程三要素:场景.渲染器.摄像机 1.场景:创建的物品和模型都需放入场景中 threejs ...
- JS常用基础知识
前言:在js中dom和bom是我们操作的基本,在最初接触时候我也懵,但是后来慢慢发现其实bom就是操作浏览器,而dom就是操作文本框节点.
随机推荐
- cadence orcad查找技巧
本文讲述了如何在OrCAD原理图中根据元件位号或者元件值快速查找元件的两种方法. 方法一:在.obj页面的“File”标签下查找元件. 方法二:在.obj页面的“Hierarchy”标签下查找元件. ...
- 如何使用微信JS-SDK实际分享功能
http://jingyan.baidu.com/album/d3b74d64c517051f77e609ed.html?picindex=7
- django 判断用户是否登陆
基于类的视图登陆
- java 清除 bom
参考工具 http://akini.mbnet.fi/java/unicodereader/ Utf8BomRemover 清除bom的方法 package cn.com.do1.component ...
- 逃生dp
蒜头君在玩一款逃生的游戏.在一个 n \times mn×m的矩形地图上,蒜头位于其中一个点.地图上每个格子有加血的药剂,和掉血的火焰,药剂的药效不同,火焰的大小也不同,每个格子上有一个数字,如果格子 ...
- 浅谈weblogic与tomcat的区别
weblogic是用于开发.集成.部署和管理大型分布式web应用.网络应用和数据库应用的java应用服务器,将java的动态功能和java enterprise标准的安全性引入大型网络应用的开发集成部 ...
- seajs中引用jquery插件
步骤一:使用define封装成seajs模块,返回匿名函数,包含插件的源码 define(function(require,exports,moudles){ return function(jque ...
- PHP——0126最初
数据库mydb 表格info,nation 实现效果 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN&quo ...
- 示例 - 如何在Console应用程序中应用SpiderStudio生成的DLL?
以前面生成的XML/JSON互转DLL为例, 我们写一个Console Appliction来做这件事情, 步骤如下: 1. 创建Console Project 2. 引入www.utilities_ ...
- 判断站点访问的终端类型（移动端还是pc端）的方法（转）
要了解某个网站是在移动设备上打开的还是在pc web浏览器中打开的,我们可以有以下综合的几种方式来搞定: 通过判断Request.UserAgent中的具体信息来分析判断,因为UserAgent包含了 ...