关于JS的一点笔记

——JS代码要写到script标签中

 

控制浏览器弹出一个警告框
 alert("第一个JS代码");

让计算机在页面中输出一个内容
  document.write()可以向body中输出一个内容

向控制台输出一个内容console.log();

可以将js代码编写到标签的onclick属性中
    当点击按钮时，JS代码才会执行

<button onclick="alert("dianyixia ");">点我一下</button>

可以将JS代码写到超链接的href属性中，当点击超链接时，会执行JS代码。不推荐写到标签属性中。

 <a href="javascript:alert('dianjiyixia')">你也点我一下</a>
<a href="javascript:;">你也点我一下！</a>

可以将JS代码写到外部JS文件，通过script标签引入
    写到外部可以在不同页面中同时引用，也可以利用浏览器的缓存机制
  

<script type="text/javascript" src="js/script.js"></script>
<script type="text/javascript">
	alert("我是script标签中的代码！");
</script>

 一旦引用，其内部就不能编写代码了，需要创建新的script标签写代码

JS中严格区分大小写，每一条语句以分号结尾

——字面量和变量

字面量，都是一些不可改变的量，比如：1 2 3 4 5 

变量，用来保存字面量，并且变量的值是可以任意改变的，开发中都是通过变量来保存一个字面量

<script>
	// 声明变量
	// var
		var a;
	// 变量赋值
		a=123;
		a=456;
		a=23456762;
		console.log(a);
	// 声明和赋值同时进行
		var b=789;
		var c=0;
		var age=80;
		console.log(age);
		console.log(c);
		console.log(b);
</script>

标识符（在js中我们可以自主命名的都可以称为标识符）例如：变量名、函数名、属性名等。标识符中可以含有字母、数字、——、$。标识符不能以数字开头。不能是ES中的关键字或保留字。标识符一般采用驼峰命名法（即首字母小写，每个单词的开头字母大写）。

数据类型就是字面量的类型
        在JS中一共有6种数据类型
            String 字符串
            Number 数值
            Boolean布尔值
            Null空值
            Undefined 未定义
            Object 对象
        前5个属于基本数据类型，Object属于引用数据类型

在js中字符串需要使用引号引起来或单引号
 引号不能嵌套，但双引号里可以放单引号，单引号里可以放双引号。

      var str="hello";
	  str='他说:"今天天气不错！"';
	  console.log("hello");
	 
	  /*
	  字符串中可以使用\作为转义字符
	  \"表示"
	  \' 表示'
	  \n 换行
	  \t 制表符
	  \\表示\
	  */
	 str="他说:\"今天天气不错！\"";
	  console.log(str);

运算符也叫操作符
        通过运算符可以对一个或多个值进行运算，并获取运算结果
        
        算数运算符
        当对非Number类型的值进行运算时，会将这些值转换为Number再运算
        任何值和NaN做运算都得NaN
        
        +
        可以对两个值进行加法运算，并将结果返回
        如果对两个字符串进行加法运算，则会做拼串，并返回
        任何值与字符串做加法运算，都会转换成字符串，并做拼串处理
        -
        *
        /
        %
        任何值做-*/运算时都会自动转换为Number
        可以通过为一个值-0 *1 /1 来将其转换为Number

一元运算符，只需一个操作数
        +正号   不会对数字产生任何影响
        -负号   可以对数字进行负号的取反
        对于非Number类型的值，会将其转换为Number再运算
          +任意数据类型=Number类型

a++的值是自增前的值，
       ++a的值是自增后的值
       a--的值是自减前的值
       --a的值是自减后的值

// 逻辑运算符
        // &&与
        // ||或
        // ！非
        var a=true;
        a=!a;
        console.log("a="+a);
        // 对非布尔值进行运算，会将其转换为布尔值再运算
        // 可以为一个任意数据类型取两次反，来将其转换为布尔值，原理和BOOlean()函数一样
        var b=10;
        b=!!b;
        console.log("b="+b);

// 与运算：如果第一个值为TRUE，则返回第二个值
		  如果第一个值为false,则直接返回第一个值
 // 或运算：如果第一个值为TRUE，则返回第一个值
		如果第一个值为false,则直接返回第二个值
		// 与运算：如果两个值都为TRUE，则返回后边的
		// trur && true
		var result=5 && 6;
		// 如果两个值中有FALSE，则返回靠前的FALSE
		// false && false
		result=0 && 2;
		result=0 && 2;
		//false && false
		result=0 && NaN;
		result=NaN && 0;

===全等，！==不全等

/*
		条件运算符也叫三元运算符
		语法：    条件表达式？语句1：语句2；
		条件运算符在执行时，首先对条件表达式进行求值，
		如果该值为TRUE，则执行语句1，并返回执行结果
		如果该值为FALSE，则执行语句2，并返回执行结果
		
		*/
	   false ? alert("语句1") : alert("语句2")；
	   var a=30;
	   var b=10;
	   a > b ? alert("a大") : alert("b大");
	   
	   var max=a>b?a:b;
	   console.log("max="+max);

上面的优先级高，同一行从左到右计算。可以通过括号改变优先级。