您的位置:首页 > Web前端 > JavaScript

js 入门

2015-12-14 00:00 357 查看
常识

typeof // number string boolean undefined

在 javascript中是没有函数 重载 的概念 的,后定义的同名函数会直接覆盖前面定义同名函数。

在javascript中任何的函数内部都隐式的维护了一个arguments(数组)的对象,给函数 传递数据的时候,是会先传递到arguments对象中,
然后再由arguments对象分配数据给形参的。

function add(){
var sumR=0;
for(var index in arguments){
sumR+=arguments[index];
}
alert(sumR);
}
add(1,2,3);

对象
var obj=new Object()
function Person(id , name){
this.id = id;
this.name = name;
}
//创建一个对象
var p = new Person(110,"狗娃");
for(var property in p){
document.write(p[property]+",");
}

with(p){
document.write("编号:"+ p.id);
name=123;
document.write("姓名:"+ name);
}
p.name=456;
document.write(p.name);
with语句:有了 With 语句,在存取对象属性和调用方法时就不用重复指定对象。

字符串方法:

“第五章".anchor("five"); charAt(); 'abc'.indexOf('bc'); "明天我们讲xml".replace("xml","DOM编程")// 或者 正则表达式 ; var arr='a-b-c'.split('-'); "abc".toUpperCase();.toLowerCase(); substr() 截取子串;

字符串转为数字:parseInt() parseFloat() isNaN()

window.setInterval("getCurrentTime()",1000);//setTimeout\

function getCurrentTime(){
var date = new Date();
var timeInfo = date.getFullYear()+"年"+(date.getMonth()+1)+"月"+date.getDate()+"日 "+
date.getHours()+":"+date.getMinutes()+":"+date.getSeconds();
document.getElementById("time").innerHTML = timeInfo.fontcolor("red");
}

var b = new String("java");
var c = new String("java");
document.write(b.valueOf() == c.valueOf());

对象和字符串转换
var str=JSON.stringify(person)
document.write(str+"\n"+JSON.parse(str));

数字 Number("123")

number.toString()
number.toString(16) 十六进制
parseInt('0xa'),parseInt('0xa',2)//parseFolat进制转化有误,待定!
number.toFixed(2) 指定小数位数并四舍五入
Math.ceil(3.14) 向上取整
Math.floor(3.14) 向下取整
Math.random() 产生[0,1)之间的伪随机数,小于1
Math.round()等效于Number(num).toFixed(0) 四舍五入
Math.round(12.54)//13

数组: 在javascript中数组的长度是可以发生变化的

for(var index in arr){ }

var arr=new Array();//[]
var arr = ["abd","def"];
arr1.concat(arr2,1,2,3);
var str=arr.join(",");join使用指定的分隔符把数组中的元素拼装成一个字符串返回
arr.push("abc",123);//如果参数之一为数组,那么该数组将作为单个元素添加到数组中,返回新的长度
arr.shift() pop() //移除数组中第一个//最后一个元素,并且返回,如果该数组为空则返回 undefined
arr1 = [1,2,3];
arr1.splice(1,1,"a","b","c"); //第一个参数是开始删除元素的 索引值, 第二参数是删除元素的个数,往后的数据就是插入的元素。可以删除0个元素实现添加功能
document.write(arr1);
arr1.splice(1,1)
arr.reverse()//不会创建新对象,是在指定数组中直接进行排序
arr.slice(1,2)//指定数组 的开始索引值与结束索引值截取数组的元素,并且返回子数组
arr.sort();//不会创建新对象,是在指定数组中直接进行排序,默认按字母顺序对数组中的元素进行排序
arr.sort(sortNumber);//指定排序方法
function sortNumber(num1,num2){
return num1-num2;
}
arr.toString();

prototype:

1、<script src="ArrayTool.js" type="text/javascript"></script>
<script>
var arr = [12,15,9,4];
var max = tool.getMax(arr);
document.write("最大值:"+ max+"<br/>");
</script>
<pre>
//ArrayTool.js
var tool = new ArrayTool();//创建ArrayTool的对象

function ArrayTool(){
this.getMax = function(arr){
var max = arr[0];
for(var i = 1 ; i<arr.length ;i++){
if(arr[i]>max){
max = arr[i];
}
}
return max;
}
</pre>

2、

<script type="text/javascript">
/* function Array(){
this.prototype=new Object();
this.getEnd=function(){};
}*/
Array.prototype.getEnd=function(){
return this[this.length-1];
}//把 getEnd()方法添加到数组对象中
var arr=[1,2,3,4,5];
document.write(arr.getEnd());
</script>
Prototype注意的细节:
1. prototype是函数(function)的一个必备属性("保留属性")(只要是function,就一定有一个prototype属性)
2. prototype的值是一个对象
3. 可以任意修改函数的prototype属性的值。
4. 一个对象会自动拥有prototype的所有成员属性和方法。
3、String.prototype.toCharArray = function(){//把 字符串转换成字符数组

var arr = new Array();
for(var index = 0; index<this.length ;index++){
arr[index] = this.charAt(index);
}
return arr;
}
String.prototype.reverse = function(){//字符串反转
var arr = this.toCharArray();
arr.reverse();
return arr.join("");
}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  js