zoukankan      html  css  js  c++  java
  • 小强的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> 



  • 相关阅读:
    spring整合freemarker 自定义标签
    curl 取不到第二个参数解决方法
    solr5.5教程-solr.home 配置
    solr5.5教程-schema.xml部分配置
    solr5.5教程-solrconfig.xml,加载schema.xml
    solr5.5教程-tomcat布署(2)
    solr5.5教程-tomcat布署
    jsp页面el表达式不起作用
    spring+hibernate--直接修改数据库,再通过hibernate查询数据不变
    13 hbase连接
  • 原文地址:https://www.cnblogs.com/lanzhi/p/6469288.html
Copyright © 2011-2022 走看看