>[danger]**1. JS中的构造函数**
>[info]js中一般申明一个函数,在外部new这个函数得到对象,这个函数就是js的构造函数,这个函数也可以成为类。
```javascript
function foo(){
console.log('Jack');
}
//实例化这个js类
var ojb = new foo();
//调用这个类
ojb.func();
```
>[danger]**2. this 和成员变量、成员方法**
~~~
function foo(name){
//定义成员变量
this.name = name;
//定义成员方法
this.func = function(){
console.log(this.name);
}
}
//实例化这个js类
var ojb = new foo('TOM');
//调用类里面的变量
console.log(ojb.name);
//调用类里面的方法
ojb.func();
~~~
>[info]*PS:this 当前使用的是哪个对象,那this就代表的是这个对象*
>[danger]**3. 删除成员**
使用delete关键词删除类里面的变量
~~~
function foo(){
this.age = 30;
this.name = 'Jack';
this.addr = 'TOM';
this.func = function(){
console.log('HTEEL');
}
}
var ojb1 = new foo;
var ojb2 = ojb1; //共用一个存储空间(地址赋值)
delete ojb2.name; //删除成员变量
ojb2 = null; // ojb2 被删除,ojb1 不受影响
console.log(ojb1);
console.log(ojb2);
~~~
>[danger]**4. 练习(使用类的方式设置DOM的CSS样式)**
~~~
function setStyle(){
this.css = function(ojb,stylename,stylevalue){
ojb.style[stylename] = stylevalue; //函数内设置style属性格式,用style[属性名]格式
return this;
}
}
var div = document.querySelector('div');
var newstyle = new setStyle(); //实例化JS对象
newstyle.css(div,'background','red').css(div,'height','100px'); //连贯调用
~~~
- 概要
- HTML
- CSS
- PHP
- Mysqli
- Mysqli 连接查询
- Mysqli 左外连接查询
- Mysqli 右外连接查询
- JavaScript
- JS 变量和常量的定义
- JS 运算符
- JS 流程控制
- JS 函数
- JS 数组
- JS数据类型
- JS 错误处理
- JS作用域
- JS 节点操作
- JS 遗留DOM
- JS 闭包
- JS 对象(构造函数)
- JS JSON
- JS 节点属性操作
- JS 设置CSS样式
- JS 获取元素位置
- JS 事件
- JS 内置对象
- String 对象
- Date 对象
- Array 对象
- Math 对象
- Window 对象
- navigator 对象
- screen 对象
- location 对象
- Ajax
- 创建 Ajax 对象(兼容)
- AJax 对象属性和方法
- Ajax get 五步骤
- Ajax post 六步骤
- Ajax get&post 封装
- XML
- XML 语法&格式
- DOM 节点创建XML
- PHP 创建XML
- xmlwrite 类创建XML
- xmlReader 类解析xml
- JQuery
- JQuery 选择器
- JQuery 事件
- JQuery 节点之间的操作
- JQuery html属性设置
- JQuery Class属性设置
- JQuery CSS样式设置值
- JQuery 文本内容获取
- JQuery 动画特效
- JQuery 数组&对象遍历
- JQuery 对象扩展方法
- JQuery Ajax操作
- JQuery Pjax
- JQuery Layer前端框架
- JQuery validation 插件
- ThinkPHP5
- 数据库配置
- 基本操作
- 查询构造器
- 查询数据
- 增加数据
- 更新数据
- 删除数据
- Session
- Cookie
- Linux
- 指令分类
- 文件属性
- 文件处理命令
- 帮助命令
- 解压缩命令
- 网络通信命令
- 系统开关机
- Shell使用技巧
- VIM+vi 指令