zoukankan      html  css  js  c++  java
  • Javascript基本语法

    Javascript基本语法

    1、Javascript中的变量

    ① 变量是用来临时存储数值的容器,变量存储的数值是可以变化的

    ② 变量必须要先声明才能使用,使用var声明变量

    例:声明一个变量i,保存一个数字10

    var i; //声明变量

    i = 10; //为变量赋值

    以上代码还可以简写为:var i = 10;

    ③ 变量的命名规则:第一个字符必须是英文字母,下划线(_)或者($)美元符号;其后的字符,可以是英文字母,数字,下划线以及美元符号;但是变量名不能是JavaScript的保留字

    错误的:

    var 123;(原因:以数字开头)

    var if;(原因:使用了Javascript中的保留关键字)

    正确的:

    var abc;

    var _abc;

    var $;

    个人建议:在定义变量时尽量采用英文单词或中文拼音的形式,必须是一个有意义的。

    ④ 变量的作用域:全局变量、局部变量

    在Javascript中是没有块级作用域的,对于作用域的划分都是通过function函数来实现的,在函数内部通过var声明的变量就是局部变量,没有通过var声明的变量就是全局变量。

    2、变量的数据类型

    回顾PHP中一共有几种数据类型:三大类八小类数据类型,四种标量、两种特殊、两种复合

    回顾Javascript中一共有多少种数据类型(ECMAScript):

    字符串类型:string

    数字类型:number

    布尔类型:boolean

    对象类型:object(array也是对象的一种)

    空类型:null

    未定义类型:undefined,一个变量有声明但未赋值其就是undefined类型

    问题:在Javascript中如何判断一个变量的数据类型?

    答:在Javascript中,可以使用内置结构typeof来判断一个变量的数据类型,typeof只是一个语法结构,其并不是一个函数。

    3、Javascript中的运算符

    • 算术运算符
    • 比较运算符
    • 逻辑运算符
    • 赋值运算符
    • 字符串运算符

    1)算术运算符

    + - * / %(取模或取余) ++ --

    ++与--运算符

    ++:自加运算

    --:自减运算

    所谓的自加与自减就是在元素本身的基础上实现+1或-1操作,但是随着++与--放置位置的不

    同,其输出的结果也是不同的。

    ++或—放在变量的前面:先自加或自减然后参与运算

    i++或i-- :i先参与运算,然后在执行i+1或i-1操作

    例1:

    2)比较运算符

    > < >= <= == != === !==

    特别说明:

    ==等于与===恒等于区别,一个=等号叫做赋值。

    == :只需要判断两个变量的值是否相等即可

    === :除了要判断两个变量的值还需要判断两个变量的数据类型

    特别说明:在php中,单引号与双引号都代表标识的是字符串,但是双引号中的变量是可以正常解析与执行的,但是在javascript中,无论是双引号还是单引号其都代表的是普通的字符串,其内部的变量都是无法解析的,会当做普通文本直接输出。

    3)逻辑运算符

    &&(与) ||(或) !(非)

    &&(与):必须当左右两边的表达式同时成立时,才返回为true

    ||(或):只要左右两边的表达式有一个条件成立时,就返回为true

    !(非):返回表达式的相反结果

     

    要求比较高:必须有车有房才能牵手成功

    有车 && 有房

     

    要求一般:有车或有房即可

    有车 || 有房

    4)赋值运算符

    = += -= *= /= %=

    特别说明:前面所说的几种运算符,都是从左向右结合,但是赋值运算符是从右向左结合。

    5)字符串运算符

    在Javascript中,两个或多个字符串的结合可以通过加号+进行连接操作

    var str1 = 'hello';

    var str2 = 'world';

    document.write(str1+str2);

    4、流程结构

    顺序结构、选择结构(分支结构)、循环结构

    1)顺序结构

    记住:在Javascript中,代码都是从上至下一行一行执行的。

    运行结果:

    2)选择结构

    if…else if…else结构

    switch结构

    特别说明:虽然if结构与switch结构都可以实现分支判断,但是在实际项目开发中,if可以判断固定值也可以判断范围,但是switch结构只能实现固定值的判断,谨记!!!

    3)循环结构

    for循环结构

    while循环结构

    do…while…循环结构

    for…in…循环结构(主要用于遍历对象)

     

    例1:使用for循环输出从0到9

    例2:使用while循环在例1的基础上输出从10到1

    例3:使用do…while…循环在例2的基础上输出从0-9

    特别说明:

    问题1:什么时候使用for循环,什么时候使用while循环?

    对于已知循环次数的情况,通常使用for循环

    对于未知循环次数的情况,通常使用while循环

     

    问题2:while循环与do…while…循环区别?

    while循环是先判断后执行,而do…while…循环结构是先执行后判断

    do…while…循环始终要比while循环多执行一次

    5、循环结构中的两大关键词

    continue:中止当前循环,继续下一次循环

    break:中止整个循环结构

     

    面试题:观察以下程序,说出执行结果

    运行结果:

    练习题:

    例1:使用循环结构输出1到100的加和

    例2:有一物,不知其数,三三数之余二,五五数之余三,七七数之余二,问物几何?

    白话文:有一个数,不知道是多少,用3去除余2,用5去除余3,用七去除余2,问这个数是多少(100以内)

  • 相关阅读:
    解决This application failed to start because it could not find or load the Qt platform plugin "windows
    计算几何-凸包-toleft test
    Bit Operation妙解算法题
    带线表格据gt生成无线表格
    caffe的python接口提取resnet101某层特征
    camelot工具进行pdf表格解析重建
    python批量爬取文档
    IP被封检测地址
    驱动人生后门清除方案
    应用安全
  • 原文地址:https://www.cnblogs.com/nyxd/p/5363974.html
Copyright © 2011-2022 走看看