JavaScript笔记1

目录

一、JavaScript书写

 1. 书写格式

 2. 注释

3.JavaScript 输入输出语句

 二、变量

 1.变量的使用

2.声明变量特殊情况

3.变量命名规范

三、数据类型 

1. 数字型 Number

2.字符串型 String

3.  布尔型 Boolean

4.  Undefined 和 Null

5.获取变量数据类型

6.数据类型转换

四、运算符

1. 算数运算符

2.递增和递减运算符

3.比较运算符

4.逻辑运算符

5.赋值运算符

6.运算符优先级

---

一、JavaScript书写

 1. 书写格式

1）行内式 JS

<input type="button" value="点我试试" onclick="alert('Hello World')" />

2）内嵌 JS

 <script>

    alert('Hello  World~!');

 </script>

3. 外部 JS文件

<script src="my.js"></script>

 2. 注释

//  单行注释      ctrl + /

/*  多行注释    

  ctrl+shift+/    */

3.JavaScript 输入输出语句

alert(msg)	浏览器弹出警示框
console.log(msg)	浏览器控制台打印输出信息
prompt(info)	浏览器弹出输入框，用户可以输入

 二、变量

 1.变量的使用

//变量的使用
//  声明变量  
var age; //  声明一个 名称为age 的变量
//赋值   
age = 10; // 给 age  这个变量赋值为 10 
//变量的初始化         
var age  = 18;  // 声明变量同时赋值为 18  
//更新变量
age=10;
//同时声明多个变量
var age=10,name=’xxx’,sex=1;

2.声明变量特殊情况

情况	说明	结果
var  age ; console.log (age);	只声明 不赋值	undefined
console.log(age)	不声明 不赋值  直接使用	报错
age   = 10; console.log (age);	不声明 只赋值	10

3.变量命名规范

• 由字母(A-Za-z)、数字(0-9)、下划线(_)、美元符号( $ )组成，如：usrAge, num01, _name
• 严格区分大小写。var app; 和 var App; 是两个变量
• 不能 以数字开头。  18age   是错误的
• 不能 是关键字、保留字。例如：var、for、while

三、数据类型 

JavaScript 是一种弱类型或者说动态语言。

这意味着不用提前声明变量的类型，在程序运行过程中，类型会被自动确定。

JavaScript 拥有动态类型，同时也意味着相同的变量可用作不同的类型：

var x = 6;           // x 为数字

var x = "Bill";      // x 为字符串

1. 数字型 Number

• 在JS中八进制前面加0，十六进制前面加 0x  
• JavaScript中数值的最大和最小值

• //1.数字型范围
  
  alert(Number.MAX_VALUE); // 1.7976931348623157e+308（最大值）
  alert(Number.MIN_VALUE); // 5e-324 （最小值）
  
  //2.数字型三个特殊值
  
  alert(Infinity);  // Infinity （代表无穷大，大于任何数值）
  alert(-Infinity); // -Infinity （代表无穷小，小于任何数值）
  alert(NaN);       // NaN （代表无穷小，小于任何数值）
  
  //3.isNaN
  
  var age=1;
  var isnum = isNaN(age);
  console.log(isnum);//false
  var name="tutu";
  console.log(isNaN(name));//true

  2.字符串型 String

• var str1="tutu";//使用双引号表示字符串
  var str2='cute';//使用单引号表示字符串
  
  var str3=tutu;//报错，没使用引号，会被认为是js代码，但js没有这些语法

  因为 HTML 标签里面的属性使用的是双引号，JS 这里推荐使用单引号。

 2.1字符串引号嵌套

JS 可以用单引号嵌套双引号 ，或者用双引号嵌套单引号 (外双内单，外单内双) 

 var str1='abc"def"g';  //可以用''包含""
 var str2="abc'def'g";  //也可以用"" 包含''

 var bad='What on earth?"; //报错，不能单双引号搭配

 2.2 字符串转义符

转义符	解释说明
\n	换行符，n 是 newline 的意思
\\	斜杠 \
\'	'   单引号
\"	”双引号
\t	tab  缩进
\b	空格 ，b 是 blank  的意思

 2.3字符串长度 : length 属性可以获取整个字符串的长度

var str="一二三。";
alert(str.length);//4

 2.4字符串拼接:拼接方式为 字符串 + 任何类型 = 拼接之后的新字符串

//字符串 "相加"
alert('hello' + ' ' + 'world'); // hello world

//数值字符串 "相加"
alert('100' + '100'); // 100100

//数值字符串 + 数值
alert('11' + 12);     // 1112 

字符串拼接加强:

var age=5;
// console.log('tutu已经age岁了');//错误
console.log("tutu"+age+'岁了');//tutu5岁了

3.  布尔型 Boolean

true 、 false 

布尔型和数字型相加的时候， true 的值为 1 ，false 的值为 0。 

console.log(true+1);  // 2
console.log(false+1); // 1

4.  Undefined 和 Null

// 一个声明后没有被赋值的变量会有一个默认值 undefined
var a;
console.log(a);// undefined
console.log('你好'+a);//你好undefinedconsole.log(11+a);//NaN
console.log(true+a);//NaN

//一个声明变量给 null 值，里面存的值为空
var b=null;
console.log('你好'+b);//你好null
console.log(11+b);//11
console.log(true+b);//1

5.获取变量数据类型

 typeof 可用来获取检测变量的数据类型

var num = 18; 
console.log(typeof num) // 结果 number   

6.数据类型转换

 6.1转换为字符串

 6.2转换为数字型（重点）

 

 注:

• parseInt 和 parseFloat 单词的大小写
• 隐式转换是我们在进行算数运算的时候，JS 自动转换了数据类型

四、运算符

1. 算数运算符

1.1 浮点数的精度

浮点数值的最高精度是 17 位小数，

var result = 0.1 + 0.2;    // 结果不是 0.3，而是：0.30000000000000004
console.log(0.07 * 100);   // 结果不是 7，  而是：7.000000000000001

2.递增和递减运算符

递增（++）和递减（ -- ）	++num （--num）	先自加（减）1，后返回值
	num++ （num--）	先返回原值，后自加（减）1

3.比较运算符

4.逻辑运算符

5.赋值运算符

6.运算符优先级