js技巧与实现(一)

小猿一只，每日一记，厚积薄发。

    1.prompt(text,defaultText)
    
  参数      描述

text    可选。要在对话框中显示的纯文本（而不是 HTML 格式的文本）。
defaultText 可选。默认的输入文本。


var name=prompt("Please enter your name","")
 
2. parseInt把字符串转换成Int类型 首字符必须是数字类型 非数字符会返回一个NaN
Number把字符串转换成number类型，但字符串必须是纯数值字符

3. <h1>乘法口诀表</h1>
<script type="text/javascript">
for(var i=1;i<=9;i++){
for(var j=1;j<=i;j++){
var result=i*j;
result +=result < 10 ? "&nbsp;&nbsp;" : "";
document.writeln(i+"*"+j+"="+result+"&nbsp;&nbsp;&nbsp;&nbsp;");
}
document.write("<br/>")
}

document.writeln("<hr>");
//js for 循环所独有
var arr=new Array(41,5,78);
for(var v in arr){  //数组去的是下标
document.writeln("v="+v+"<br/>");
}
document.writeln("<hr>");
alert("document类型==》"+typeof(document));
var date=new Date();
for(var v in document){  //对象取得是方法名和属性名
document.writeln("v="+v+"<br/>");
}

</script>

4.arguments.length  取参数的个数


-------单身狗脱单路------js天天一对象，爽吧？-------------------------------------


5.创建对象
==》  1.通过工厂方式创建对象 缺点：每次调用对象的时候都要new一下 会创建属性方法  浪费资源

function CreateObject(){
var obj=new Object(); //创建通用对象

obj.name="小明";  //创建属性
obj.age=23;

obj.info=function(){
alert("姓名："+this.name+",年龄："+this.age)
}
return obj;
}

var co=new CreateObject();  //创建对象实例
co.info();

if(co instanceof Object){}   //instanceof判断co这个实例对象是不是属于Object这个对象的

==》 2.通过构造函数的方式创建 :这种比工厂方式更省内存资源方式 但是每次都要创建方法  

function CreateObject(name,age){
this.name=name;
this.age;

this.info=function(){
alert("姓名："+name+",年龄："+age);
}
}

var co=new CreateObject("小明",23);
co.info();

==》 3.原型的方式  提供一个基本功能区 也叫共享区   利用prototype   
特征是：类似java中的static    不足：不能动态赋值  属性和方法都共享了


function CreateObject(){}
CreateObject.prototype.name="小明";
CreateObject.prototype.age=23;

CreateObject.prototype.info=function(){
alert("姓名："+this.name+",年龄："+this.age);
}


var co=new CreateObject();
co.name="小白";
co.age=23;
co.info();

==》 4.混合方式创建对象
function CreateObject2(name,age){
//构造函数方式创建对象属性
this.name=name;
this.age=age;
}

//原型的方式 创建对象的方法
CreateObject2.prototype.info=function(){
alert("姓名："+this.name+",年龄："+this.age);
}


//把属性和方法封装到一起  重点！！

//混合方式创建对象
function CreateObject(name,age){
//构造函数方式创建对象属性
this.name=name;
this.age=age;

if(typeof(CreateObject.initMethod)=='undefined'){
//原型的方式 创建对象的方法
CreateObject.info=function(){
alert("姓名："+this.name+",年龄："+this.age);
}
alert("创建了方法initMethod...");
}
CreateObject.initMethod=true;
}
---实例----
var co=new CreateObject2("小红",23);
co.info();

5.json格式的方式创建对象  json对象和js对象是两种不同的格式哦  不同场合适合不同的方式  重点！！！

var json={"name":"小明","age":21,"info":function(){
alert("姓名："+this.name+",年龄："+this.age);
}};
json.info();

var jsonArr={"arrs":[34,6,56]};

//json创建对象的形式是key:value的格式 其中，key用"" 引起来，value根据类型来 字符串用"" ， 其他类型直接写
//当json描述的是map，对象时使用{}
//map与key/value匹配，对象key对应属性名和方法名，value对应属性值和方法值
//使用json描述数组，集合时，使用[]，数组名和集合名为key，数组值和集合值用逗号,隔开  ， 用[]括起来作为value
alert(jsonArr.arrs[0]);