• 小强的HTML5移动开发之路(27)—— JavaScript回顾2


    Javascript面向对象基础知识

    1、如何定义一个类,使用如下语法来创建一个类

    	  	function Person(name, age){ //习惯上第一个字母大写
    			//this修饰的变量称为属性
    			this.name = name;
    			this.age = age;
    			//如果属性值是一个函数,则这个属性就是一个方法
    			this.play = function(){
    				alert('play football...');
    			};
    		}
    2、如何创建该类的实例

    		var p = new Person('zs', 22);
    		p.play();
    		p.name;
    3、创建javascript对象的另外两种方式

    (1)先创建一个Object类型的实例,然后增加新的属性和方法

    javascript是一种动态语言,可以在运行时为对象增加新的属性和方法

    			var obj = new Object();
    			obj.name = 'zs';
    			obj.age = 22;
    			obj.play = function(){
    				alert('play...');
    			};
    (2)使用“json”语法

    		  	var p = {'name':'zs','age':22};
    			var p = {'name':'zs','play':function(){
    				alert('hello');
    			}};
    或者

    			var p = {name:'zs',age:22,marrid:false};
    			var p = {name:'zs',play:function(){
    				alert('hello');
    			}};
    属性值如果是字符串必须用引号括起来(单双)

    属性值允许number,string,boolean,null,Object

    			var p = {name:'zs',
    				address:{
    					city:'beijing',
    					street:'ca'
    				}
    			};
    一个完整的例子

    <html>
    	<head>
    		<script>
    			function f1(){
    				//var p = {'name':'zs','age':22};
    				//var p = {name:'zs',age:22,marrid:false};
    				var p = {name:'zs',
    					address:{
    						city:'beijing',
    						street:'ca'
    					}
    				};
    				//alert(p.name);
    				alert(p.address.city);
    			}
    			function f2(){
    				var arr = [
    					{'name':'zs','age':22},
    					{'name':'ls','age':32}
    				];
    				alert(arr[1].name);
    			}
    		</script>
    	</head>
    	<body>
    		<input type="button" value="click me" onclick="f2();"/>
    	</body>
    </html> 



  • 相关阅读:
    MongoDB理解
    jQuery+Ajax+PHP实现异步分页数据显示
    PHP设计模式四:适配器模式
    PHP设计模式三:原型设计模式
    Event Managers
    NetAdvantage
    英语
    CA1060
    DateTime和DateTime2
    宿主进程 vshost.exe
  • 原文地址:https://www.cnblogs.com/lanzhi/p/6469288.html
Copyright © 2020-2023  润新知