Javascript运算符、优先级、操作属性、匿名函数

条件运算符

条件运算符也叫三元运算符

  • 语法:
    条件表达式?语句1:语句2;
  • 执行的流程:
    条件运算符在执行时,首先对条件表达式进行求值,
    如果该值为true,则执行语句1,并返回执行结果
    如果该值为false,则执行语句2,并返回执行结果
    如果条件的表达式的求值结果是一个非布尔值,会将其转换为布尔值然后在运算

      true?alert("语句1"):alert("语句2");
      false?alert("语句1"):alert("语句2");
    

运算符的优先级

  • 运算符
    使用,可以分割多个语句,一般可以在声明多个变量时使用

  • 就和数学中一样,在JS中运算符也有优先级,
    比如:先乘除 后加减
    在JS中有一个运算符优先级的表,
    在表中越靠上优先级越高,优先级越高越优先计算
    如果优先级一样,则从左往右计算
    但是这个表我们并不需要记忆,如果遇到优先级不清楚
    可以使用()来改变优先级

    .、[]、 new
    ()
    ++、 --
    !、~、+(单目)、-(单目)、typeof、void、delete
    %、*、/
    +(双目)、-(双目)
    << 、 >>、 >>>
    <、<=、>、>=
    ==、!==、===
    &
    ^
    |
    &&
    ||
    ?:
      =、+=、-=、*=、/=、%=、<<=、>>=、>>>=、&=、^=、|=
      ,
    

如果||的优先级高,或者两个一样高,则应该返回3
如果与的优先级高,则应该返回1

    var result = 1 || 2 && 3;
    
    console.log("result = " + result);

代码块

我们的程序是由一条一条语句构成的
语句是按照自上向下的顺序一条一条执行的
在JS中可以使用{}来为语句进行分组,同一个{}中的语句我们称为是一组语句,它们要么都执行,要么都不执行
一个{}中的语句我们也称为叫一个代码块在代码块的后边就不用再编写;了
JS中的代码块,只具有分组的的作用,没有其他的用途
代码块内容的内容,在外部是完全可见的

   {
        var a = 10; 
        alert("hello");
        console.log("你好");
        document.write("语句");
    }
    
    console.log("a = "+a);

js操作属性

DOM是为了操作文档(网页)的API,document是它的一个对象
BOM是为了操作浏览器的API,window是它的一个对象
常用BOM对象还有:alert、定时器等





js操作属性



   
这是一个div元素
腾讯网

js换肤

1.css和2.css里面是两个颜色的皮肤,
通过

   var Link1 = document.getElementById('link1');
    Link1.href = "css/2.css";

来引入2.css样式




    
    js换肤
    

    


    

js操作style属性

style属性中的样式属性,带"-"号的需要去掉"-"号,写成小驼峰式
例如:font-size属性要写为fontSize




     
这是一个div元素

js操作class属性

由于class是js中的保留关键字,所以设置class属性时,要写为className

    


    

js中括号操作属性

        
    
    
        
这是一个div元素

js函数调用


    
    
        
        js函数
        
    
    
        
    
    

js可控制换肤


    
    
        
        js换肤
        

        
    
    
        
        
        
        

变量和函数预解析

  • 变量预解析

alert(a);只把变量a的声明提前,赋值不提前,所以弹出undefined,表示它的值未定义
alert(c);报错,c没有声明,这是真正的未定义

  • 函数预解析

      myalert();
      function myalert(){
          alert('hello!');
      }
    

提前调用函数,这样也可以调用成功,因为js有函数预解析的功能

匿名函数


函数传参

    

return关键字




    
    
    


流程控制语句

  • JS中的程序是从上到下一行一行执行的
  • 通过流程控制语句可以控制程序执行流程,
    使程序可以根据一定的条件来选择执行
  • 语句的分类:
    1.条件判断语句if/else
    2.条件分支语句switch/case
    3.循环语句for while do/while

条件判断语句

条件判断语句:
- 使用条件判断语句可以在执行某个语句之前进行判断,
如果条件成立才会执行语句,条件不成立则语句不执行。

  • if语句

  • 语法一:

     if(条件表达式){
                      语句...
                  }
    

if语句在执行时,会先对条件表达式进行求值判断,
如果条件表达式的值为true,则执行if后的语句,
如果条件表达式的值为false,则不会执行if后的语句。
if语句只能控制紧随其后的那个语句,
如果希望if语句可以控制多条语句,
可以将这些语句统一放到代码块中
if语句后的代码块(即{})不是必须的,但是在开发中尽量写上代码块,即使if后只有一条语句

  • 语法二:

                   if(条件表达式){
                      语句...
                  }else{
                      语句...
                  }
    

if...else...语句
当该语句执行时,会先对if后的条件表达式进行求值判断,
如果该值为true,则执行if后的语句
如果该值为false,则执行else后的语句




    
    

你可能感兴趣的:(Javascript运算符、优先级、操作属性、匿名函数)