`

js的obj--js详解(三)

    博客分类:
  • js
阅读更多
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
   "http://www.w3.org/TR/html4/strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>js01_hello</title>
	<meta name="author" content="Administrator" />
	<script type="text/javascript">
	// var x = function() {
		// alert("x");
	// }
	// //此时x就是一个function函数
	// x();
	// function fn() {
		// alert("fn");
		// //对于函数而言,直接写return就等于有返回值
		// return "100";
	// }
	// //此时是将y这个变量指向函数fn,可以通过y()来调用函数
	// var y = fn;
	// fn();
	// //可以调用
	// y();
	// //将函数fn所执行的返回值传给z变量,所以z为100
	// var z = fn();
	// alert(z);
	// alert(y);
	
	
	//可以使用function来模拟java的类
	function Person(name,age) {
		//定义了一个Person的属性为name
		this.name = name;
		//定义了Person的属性为age
		this.age = age;
		this.address = "云南昭通";
		//如果没有用this声明,这个变量就仅仅只是一个局部变量,不是类的属性
		var x = 10;
		//创建了一个行为
		this.say = function() {
			alert(this.name+","+this.age);
		}
	}
	//创建了一个对象p1是Person的对象
	var p1 = new Person("张三",12);
	alert(p1.name+","+p1.address+","+p1.x);
	p1.say();
	
	var p2 = new Person("德华",22);
	p2.address = "香港";
	//可以通过对象["属性字符串"]完成对属性的调用
	alert(p2["name"]+","+p2["address"]);
	
	alert(typeof p1);
	alert(p1 instanceof Person);
	//在js中对于对象而言,可以通过for in来变量对象的属性
	for(var a in p1) {
		//可以获取对象中的所有显示声明的属性
		alert(a+":"+p1[a]);
	}
	</script>
</head>
<body>
<input type="button" value="运行fn1" onclick="fn1()"/>
<input type="button" value="运行fn2" onclick="fn2()"/>
<input type="button" value="运行fn3" onclick="fn3()"/>
</body>
</html>

 

分享到:
评论

相关推荐

    json3.js 【JS / JavaScript 中解析JSON的js包,JSON官方的JSON解析包】

    json3.js 【JS / JavaScript 中解析JSON的js包,JSON官方的JSON解析包】。JavaScript中解析JSON的js包,页面中引入json3.js,即可使用。 使用方法:JSON.parse(str), JSON.stringify(obj) 更多详情请参考博文: ...

    【JavaScript源代码】可拖拽组件slider.js使用方法详解.docx

    可拖拽组件slider.js使用方法详解  基于 mithril.js ,javascript ,scss写一个可拖动的滑块组件,供大家参考,具体内容如下 问题描述: 需求需要实现一个可拖动的滑块组件,但是又不能用UI框架,只好自己动手写一...

    【JavaScript源代码】详解js创建对象的几种方式和对象方法.docx

    详解js创建对象的几种方式和对象方法  这篇文章是看js红宝书第8章,记的关于对象的笔记(第二篇)。 创建对象的几种模式:  工厂是函数的意思。工厂模式核心是定义一个返回全新对象的函数。 function getObj...

    php json_encode与json_decode详解及实例

    一、json_encode() 该函数主要用来将数组和对象,转换为json格式。先看一个数组转换的例子: ...$obj-&gt;body = 'another post';  $obj-&gt;id = 21;  $obj-&gt;approved = true;  $obj-&gt;favorite_count = 1; 

    【JavaScript源代码】JavaScript中的this指向问题详解.docx

    JavaScript中的this指向问题详解  相信我,只要记住本文的 7️⃣ 步口诀,就能彻底掌握 JS 中的 this 指向。 先念口诀:箭头函数、new、bind、apply 和 call、欧比届点(obj.)、直接调用、不在函数里。 按照口诀...

    【JavaScript源代码】JavaScript 语句之常用 for 循环详解.docx

    JavaScript 语句之常用 for 循环详解  JavaScript中循环语句不少,for、for in、for of和forEach循环,今天对比Array、Object、Set(ES6)、Map(ES6)四种数据结构循环语句支持的情况及区别。 新建四种数据类型的测试...

    【JavaScript源代码】JavaScript函数之call、apply以及bind方法案例详解.docx

    JavaScript函数之call、apply以及bind方法案例详解  总结 1、相同点 2、区别 call() 方法 /* 正常模式 */ let obj = { sum(a, b) { console.log(this) return a + b } } // 执行 sum 函数的 apply、bind...

    详解json在php中的应用

    一、json_encode() 该函数主要用来将数组和对象,转换为json格式。先看一个数组转换的例子: $arr = array ('a'=&gt;1,'b'=&gt;2,'c'=&gt;3,'d'=&gt;4,'e'=&gt;5);  echo json_encode($arr); 结果为:{“a”:1,”b...$obj-&gt;approve

    【JavaScript源代码】JavaScript中new操作符的原理示例详解.docx

    JavaScript中new操作符的原理示例详解  new的作用是通过构造函数来创建一个实例对象,该实例与原型和构造函数之间的关系如下图所示: 执行 new 操作时会依次经过以下步骤: 1、创建一个空对象  空对象是 Object...

    JavaScript复制变量三种方法实例详解

    这篇文章主要介绍了JavaScript复制变量三种方法实例详解,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下 直接将一个变量赋给另一个变量时,系统并不会创造一个...

    Vue使用Three.js加载glTF模型的方法详解

    Three.js是一个跨浏览器的脚本,使用JavaScript函数库或API来在网页浏览器中创建和展示动画的三维计算机图形,基于WebGL实现,对WebGL进行了进一步的封装,简化了多数复杂的接口。 Three.js支持包括 .obj、.gltf等...

    详解Javascript动态操作CSS

    一、使用js操作css属性的写法 1、对于没有中划线的css属性一般直接使用style.属性名即可。 如:obj.style.margin,obj.style.width,obj.style.left,obj.style.position ...因为 float 是javascript的保留字

    详解JavaScript常量定义

    确切的说,JS当中确实没有常量(ES6中好像有了常量定义的关键字),但是深入一下我们可以发现JS很多不为人知的性质,好好利用这些性质,就会发现一个不一样的JS世界。 首先,在JS当中,对象的属性其实还含有自己的...

    Three.js加载外部模型的教程详解

    1. 首先我们要在官网: https://threejs.org/ 下载我们three.js压缩包,并将其中的build文件夹下的three.js通过script标签对的src属性导入到我们的页面中 ...script type="text/javascript" src="js/OBJLoader.js

    JavaScript prototype属性详解

    之前写的一篇JavaScript 命名空间博客提到过JavaScript的函数作用域,在函数内定义的变量和函数如果不对外提供接口,那么外部将无法访问到,也就是变为私有变量和私有函数。 function Obj(){ var a=0; //私有变量

    详解JavaScript中js对象与JSON格式字符串的相互转换

    首先我们来看一下js中JSON格式的字符串 var JSONStr1 = "{\"name\" : \"张三\"}"; 注意以下的写法不是js中JSON格式的字符串,它只是一个js的字符串。 var JSONStr2 = "{'name' ...var jsObj3 = eval("(" + JSONStr1 +

    基于JavaScript自定义构造函数的详解说明

    Javascript并不像Java、C#等语言那样支持真正的类。但是在js中可以定义伪类。做到这一点的工具就是构造函数和原型对象。首先介绍js中的构造函数。 Javascript中创建对象的语法是在new运算符的后面跟着一个函数的调用...

    Javascript this 函数深入详解

    js this 函数详解  本文对Javascript this函数进行详细介绍,及知识的总结整理,彻底明白js this 函数该如何使用。 this 代码函数调用时, .1直接调用函数则为this则指向window对象 .2类调用时候指向这个类 .3 方法...

    Node.js API详解之 readline模块用法详解

    主要介绍了Node.js API详解之 readline模块用法,结合实例形式详细分析了Node.js API中readline模块基本函数、功能、用法及操作注意事项,需要的朋友可以参考下

    JavaScript中Object值合并方法详解

    介绍:比如有obj1, obj2,我们需要将obj1中的所有与obj2中相同字段相同深度的值copy给obj2,并且需要保持obj2字段结构不变,调用一下方法即可(采用ES6写法)。 代码: /** * 将src中的数据copy到dist中,并保留...

Global site tag (gtag.js) - Google Analytics