javascript 学习一
1、JavaScript l类型&变量
无论声明何种类型,全部都用关键字 var
基本类型:
字符串类型(String) : var str = " abc " ;
数字类型(number) :var n = 123.25 / 123 / 123e5 ;
布尔类型 boolean :var flag = true / false
对空(Null): var a = null ;
未定义(Undefined) :var aa ;
引用数据类型:
数组类型(array):[40, 100, 1, 5, 25, 10]
对象类型(object):{firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"}
函数类型(function):function myFunction(a, b) { return a * b;}
可以用 new
对象来声明变量,如 :var n = new Num() ; 、var date = new Date () ;
2、JavaScript 语句
在 JavaScript 中,我们可使用以下条件语句:
-
if
语句 - 只有当指定条件为true
时,使用该语句来执行代码 -
if...else
语句 - 当条件为true
时执行代码,当条件为false
时执行其他代码 -
if...else if....else
语句 - 使用该语句来选择多个代码块之一来执行switch
语句 - 使用该语句来选择多个代码块之一来执行
3、JavaScript 函数语法
关键字 function
:
-
function
方法名(参数值) { 方法体 } -
匿名函数
fuction
(参数值) { 方法体 }(通常只用一次,不希望再被调用,有些大型项目,给方法起名字确实是个头疼活) -
动态函数(用的很少)
var add = new Function
(“参数列表”,“方法体和返回值”);//定义一个按钮 <button onclick="myFunction()" > 点击这里 </buttion> //定义事件函数 function myFunction(){ alert("Hello World");//弹出对话框 }
调用带参数的函数
可以发送任意多的参数,由逗号 (,) 分隔:
myFunction(argument1,argument2)
声明函数时,请把参数作为变量来声明:
function myFunction(var1,var2)
{
这里是要执行的代码
}
变量和参数必须以一致的顺序出现。第一个变量就是第一个被传递的参数的给定的值,以此类推。
带有返回值的函数
使用 return 语句时,函数会停止执行,并返回指定的值
function myFunction()
{
var x=5;
return x;
}
函数调用将被返回值取代:
var myVar=myFunction();
4、全局变量和局部变量
1、最外层的函数和和最外层函数外面的变量都是全局变量。因为函数是可以嵌套的,所以找全局变量时,要找最外层函数;而且函数本身也是一个变量,特殊变量,其名字就是变量名。
2、没有用 var声明的变量,为全局变量,即使位置在函数体内部。
3、所有Window对象的属性也是全局变量。
局部变量比同名全局变量的优先级高,所以局部变量会隐藏同名的全局变量。
var v = "hello"; //函数体外的变量,全局变量
var a = 100
b = 10; //b也是全局变量
function test (){
v="11"; //没有用var声明的变量,全局变量
console.log(v);
var v = "world"; //函数体内部的变量,局部变量
}
test();
全局&局部变量参考网址:
5、JavaScript 事件
按钮元素中添加了 onclick
属性 ,修改 id=“demo” 元素的内容。
<button onclick="getElementById('demo').innerHTML=Date()">现在的时间是?</button>
<p id="demo"></p>
代码将修改自身元素的内容 (使用 this.innerHTML):
<button onclick="this.innerHTML=Date()">现在的时间是?</button>
通过事件属性来调用:
<button onclick="displayDate()">点这里</button>
<script>
function displayDate(){
document.getElementById("demo").innerHTML=Date();
}
</script>
<p id="demo"></p>
常见的HTML事件