JavaScript 基本语法(运算符,语句,函数)

来源:互联网 发布:淘宝百度文库财富值 编辑:程序博客网 时间:2024/05/16 11:34

谈及JavaScript语法其实是很简单的,如果有其他语言基础比如C的话,语法其实都差不多,只是某些细节方面的一点点问题罢了

一、谈谈Js运算符

1.算术运算符

+,-,*,/,%,++,–
例子:
这里写图片描述
通过alert网页将会弹出答案对话框
这里写图片描述


2.赋值运算符

=,+=,-=,*=,/=,%=


3.字符串操作(两个变量的拼接)

字符串操作需要注意字符串的拼接
< script>
var i=”h”;
var j=”a”;
var m=i+j;
alert(m);//弹出对话框,打印出值
< /script>
输出结果为:ha

若两个不是相同类型
< script>
var i=1;
var j=”a”;
var m=i+j;
alert(m);
< /script>
输出结果为:1a

  • 因为任何类型与字符串相加都会被转化为字符串(数字类型被强制转换了)


4.比较运算符

===,==,>=,<=
这里说说===与==的区别

===是绝对相等

==是普通的相等

区别在于使用===时如果两个变量类型不相等例如
< script>
var i=1;
var j=”1”;
document.write(i===j)
< /script>
那么输出的值为false
而使用==不管类型是否相等,只要值一样,那么就输出true


5.逻辑运算符

&&—(x < 10 && y > 1) 为 true
||—(x==5 || y==5) 为 false
!—!(x==y) 为 true


6.条件运算符

greeting=(visitor==”PRES”)?”Dear President “:”Dear “;
如果变量 visitor 中的值是 “PRES”,则向变量 greeting 赋值 “Dear President “,否则赋值 “Dear”



二、Js条件语句

1.if~~else

与C一样,输出为document.write()


2.switch

与C一样



三、Js循环语句

1.for循环

< script>
var i=[1,2,3,4];
for(var j=0;j<4;j++)
{
document.write(i[j]+”
”);
}
< /script>


2.for/in

< script>
var i=[1,2,3,4];
var j;
for(j in i)//若j是i之中的一个元素,则可以执行下面的循环体
{
document.write(i[j]+”
”);
}
< /script>


3.while/do~while循环

 与C一样



四、Js跳转语句

包含break和continue,作用不多说



五、Js函数

函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块。

1.函数的定义

function 函数名()
{
函数体;//代码块
}

注:Js大小写要区分

<script>    function demo() {        var a=10;        var b=15;        var sum=a+b;        alert(sum);    }    demo();</script>


2.函数调用

(一)、在script标签内调用

<script>    function demo() {        var a=10;        var b=15;        var sum=a+b;        alert(sum);    }    demo();</script>


(二)、在HTML中调用

<script>    function demo() {        var a=10;        var b=15;        var sum=a+b;        alert(sum);    }</script>    <form>        <input type="button" value="按钮" onclick="demo()">    </form>

点击按钮后,会显示对话框

3.带返回值的函数

return 实现

<script>    function demo() {        var a=10;        var b=15;        var sum=a+b;        return sum;    }    var v=demo();    alert(v);</script>

带参函数

<script>    function demo(a,b) {        if(a>b)        {            return alert("a大");        }        else if(a==b)        {            return alert("ab一样大");        }        else        {            return alert("b大");        }    }    demo(12,11);</script>

另一种方法

<p id="pid"></p><script>    function demo(a,b) {        if(a>b)        {            return "a大";        }        else if(a==b)        {            return "ab一样大";        }        else        {            return "b大";        }    }    document.getElementById("pid").innerHTML=demo(12,11);//先找到一个id,再得到html内容</script>


4.局部&全局变量

(一)、局部变量

在 JavaScript 函数内部声明的变量(使用 var)是局部变量,所以只能在函数内部访问它。(该变量的作用域是局部的)。
您可以在不同的函数中使用名称相同的局部变量,因为只有声明过该变量的函数才能识别出该变量。
只要函数运行完毕,本地变量就会被删除———w3c


注意上面说的是在函数体内用var声明为局部变量,若不为var声明则为全局的,如果把值赋给尚未声明的变量,该变量将被自动作为全局变量声明。
这条语句:
carname=”Volvo”;
将声明一个全局变量 carname,即使它在函数内执行。

(二)、全局变量

在函数外声明的变量是全局变量,网页上的所有脚本和函数都能访问它

(三)、变量生存周期

JavaScript 变量的生存期
JavaScript 变量的生命期从它们被声明的时间开始。
局部变量会在函数运行以后被删除。
全局变量会在页面关闭后被删除

1 0
原创粉丝点击