一.我们知道js的基本数据类型包括:number,boolen,string,null及undefined;

看下面的一段代码:

　　var abcobject  = {

　　　　firstname:"first",

　　　　lastname:"last",

　　　　sayname:function(){

　　　　　　alert("i'm" + this.name);

　　　　}

　　}

//注意以上的写法,是json格式书写方式,所以每句话之间用"逗号"分割,这叫键值对;

访问的方式:

　　(1).abcobject.firstname;

　　(2).person["firstname"],注意前面是"firstname"才能这样做;

　　(3).person["30"],注意前面是"30"才能这样用;

将person的值赋给P1,引用类型指向的是地址,访问是同块内的基本类型就是赋的值;

2.删除属性的方法:

　　 var Person = {

　　　　name:"Kobe",

　　　　age:20,

　　　　sayname: function(){

　　　　　　alert("i'm" + this.name);

　　　　}

　　}

删除属性:

　　delete person.name;

　　　　注意几个属性:

　　　　writable:可读写性,取true或者false;

　　　　configurable:是否能删除;

　　　　enumerable:枚举性;

看以下的代码:

function Parent(name,age){

this.name = name;

this.age = age;

this.sayName = function(){

console.log(this.name);

}

function Child(name,age)

**this.obj = Parent;

this.obj(name,age);

delete this.obj;**

}

var c = new Child("zahngsan",22);

console.log(c.name);

//输出zhangsan;Chlid继承了Parent的属性;

除开这种call方法之外,还有apply的方法,看下面的代码:

**段的代码可以用Parent.call(this,name,age);代替;而call方法和apply方法意义相同,用法稍有不同:

function Parent(name,age){

this.name = name;

this.age = age;

this.sayName = function(){

console.log(this.name);

}

function Child(name,age)

apply(this,name,age);

}

var c = new Child("zahngsan",22);

console.log(c.name);

##2.原型链的方法##

function Parent(name,age){

this.name = name;

this.age = age;

this.sayName = function(){

console.log(this.name);

}

}

Parent.prototype.sayAge = function (){

console.log(this.age);

}

function Child (name,age,sex){

this.constructor(name,age);

this.sex = sex;

}

child.prototype = new Parent();

var c = new Child("zhangsan",30);

c.sayName;

c.sayAge;

这是重点,应该准确掌握理解:

##3.混合模式##

function Parent(name,age){

this.name = name;

this.age = age;

this.sayName = function(){

console.log(this.name);

}

}

有些不同;但是并未写完;

##闭包##

其实闭包我们平时使用很多;只是并未提及,下面就是一个例子:

function fn(){

var max =10;

return function bar(x){

if (x > max){

console.log(x);

}

}

}

var f1 = fn();

f1(15)//15

函数里面有函数,我们发现在函数执行完成之后x未被销毁;

还有匿名函数的方式:

<body>

<ul id="ul">

<li>1</li>

<li>2</li>

<li>3</li>

<li>4</li>

<ul>

<li>1</li>

<li>2</li>

<li>3</li>

<li>4</li>

</body>

<script>

var lis = document.getElementById("ul").getElementsByTagName("li");

for(var i = 0; i < lis.length; i++){

(function(i){

lis[i].onclick = function(){

console.log(i);

}

}(i));

}

注意这两个i不同,第一个为形参;第二个是我们定义的循环变量;

这里的i没有被销毁;

JS对象基础 闭包等的更多相关文章

  1. JS对象基础

    JavaScript 对象 JavaScript 提供多个内建对象,比如 String.Date.Array 等等. 对象只是带有属性和方法的特殊数据类型. 访问对象的属性 属性是与对象相关的值. 访 ...

  2. js对象基础写法练习

    <!doctype html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

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

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

  4. 【学习笔记】深入理解js原型和闭包（2）——函数和对象的关系

    上文(深入理解jS原型和闭包(1)——一切都是对象)已经提到,函数就是对象的一种,因为通过instanceof函数可以判断. var fn = function () { }; console.log ...

  5. 【学习笔记】深入理解js原型和闭包（1）—— 一切都是对象

    “一切都是对象”这句话的重点在于如何去理解“对象”这个概念. ——当然,也不是所有的都是对象,值类型就不是对象. 首先咱们还是先看看javascript中一个常用的运算符——typeof.typeof ...

  6. 认识JS的基础对象，定义对象的方法

    JS的基础对象: 1.window       //窗口对象 2.document   //文档对象 3.document.documentElement      //html对象 4.docume ...

  7. javascript基础-js对象

    一.js对象的创建 1.普通最简单的方式 var teacher = new Object( ); teacher.name = "zhangsan"; teacher.age = ...

  8. 前端（十七）—— jQuery基础：jQuery的基本使用、JQ功能概括、JS对象与JQ对象转换、Ajax简单应用、轮播图

    jQuery的基本使用.JQ功能概括.JS对象与JQ对象转换.Ajax简单应用.轮播图 一.认识jQuery 1.什么是jQuery jQuery是对原生JavaScript二次封装的工具函数集合 j ...

  9. JavaScript基础—闭包，事件

    Js基础-闭包,事件 1:js中的闭包 概念:在一个函数内部又定义了一个函数,内部函数能访问到外部函数作用域范围内的变量,这时这个内部函数就叫做闭包,无论这个内部函数在哪里被调用都能访问到外部函数作用 ...

随机推荐

  1. Atcoder Regular 099 暴力区间扩张 n/dig(n)极值打表 团分割背包

    C 直接把第一次加在哪里for一遍即可 /*Huyyt*/ #include<bits/stdc++.h> #define mem(a,b) memset(a,b,sizeof(a)) u ...

  2. sql练习03

    准备数据建表语句CREATE TABLE students(sno VARCHAR(3) NOT NULL, sname VARCHAR(4) NOT NULL,ssex VARCHAR(2) NOT ...

  3. 多线程-生产者消费者（lock同步）

    二.采用Lock锁以及await和signal方法是实现 import java.io.IOException; import java.util.concurrent.locks.Condition ...

  4. 手机端css实现active伪类

    今天遇到手机端的css中a标签的active不起作用,原本想循环a标签,给当前的a标签添加class来解决,可觉得有点儿小麻烦,经查资料了解到解决此问题,只需要添加一个touchstart的空事件即可 ...

  5. qt5---事件过滤器

  6. 记Springcloud Config Service整合gitlab一坑

    spring.cloud.config.server.git.uri=http://ip/***/configserver.git必须加上.git

  7. ubuntu1804　安装Ｎvidia驱动-nvidia-docker

    操作 看显卡 lspci | grep N 01:00.0 3D controller: NVIDIA Corporation GM107M [GeForce GTX 960M] (rev a2) 0 ...

  8. HDU 6191 Query on A Tree ( 2017广西邀请赛 && 可持久化Trie )

    题目链接 题意 : 给你一棵树.树上的每个点都有点权.之后有若干次问询.每次问询给出一个节点编号以及一个整数 X .问你以给出节点为根的子树中哪个节点和 X 异或最大.输出这个值 分析 : 看到这种树 ...

  9. 序列模式挖掘--SPADE算法

  10. Kaplan–Meier estimator & Greenwood formula

    The Kaplan–Meier estimator (also known as the product limit estimator) estimates the survival functi ...