JavaScripy基础语法

JS引入方式、测试语句、数据类型、变量、运算符、选择判断、循环

---

JS的引入方式

1. 行间引用（几乎不用）

2. 内部引入

   • head标签中（一般不用）
   • boby里面
   • body下面（常用）

3. 外部引入 （项目中最常用）

   <scripy src="js/index.js"></scripy>
   

常用语句

• onclick="" 单击事件

  <div onclick="alert('我是提示按钮')">我是提示按钮</div>
  

• alert("") 提示语句

  alert('我是一条咸鱼');
  

• console.log("") 打印日志

• console.error("") 打印错误

• console.warn("") 打印警告

  console.log("日志");
  console.error("错误！错误！");
  console.warn("警告！警告！");
  

• typeof() 判断变量的数据类型

  console.log(typeof(num));
  

• ···

变量or数据类型

定义变量用关键字 var 定义

变量的命名规则：

1. 变量名区分大小写 X和x不一样
2. 变量名由字母、数字、$、_组成，不包含空格或者其他的特殊符号 不可以用数字开头
3. 不可以使用js中关键字

注释：//单行/* 多行 */

基本数据类型: 数字、字符串、undefined、boolean

引用数据类型: 对象和函数

区别:

• 基本数据类型实现拷贝的时候 俩值互不影响（相当于创建一块新的存储空间用来存放拷贝的变量）
• 引用数据类型实现拷贝的时候 俩值互相影响（相当于拷贝的变量和被拷贝的变量共用相同的存储空间）

数据类型有：

• 数字类型 number

  var num=20;
  var num1=10,num2=30;
  

• 字符串 string

  用 "" '' 包起来的就是字符串

  var str='hello world';
  var str1='10'
  

  任何数据类型对字符串进行 + 的操作会实现拼接字符串的效果，拼接后的数据类型还是字符串

  var newStr=str+20;
  console.log(newStr);
  

  结果：

  hello world20
  

  对字符串进行 * / - 数字的操作会使字符串转换为数字类型

  console.log("str1="+str1+"\n"+"str1*10="+str1*10);
  

  结果：

  str1=10
  str1*10=100
  

• 布尔值 boolean

  值：true 和 false

  var bool=false;
  if(bool){
    console.log("我是对的");
  }else{
    console.log("我是错的");
  }
  

  结果：

  我是错的
  

• 未定义 undefined

  // 未赋值的变量
  var un;
  

• 对象 object

  1. 空对象

     var x=null;
     

  2. 数组

     var fruits=['苹果','荔枝','橘子','葡萄'];
     

     fruits.length 可以获取数组长度

  3. 对象

     var cat={
       name:'汤姆',
       like:'老鼠',
       color:'yellow',
       age:12
     };
     

     对象取值：对象名.key

     console.log(cat.like);
     

• 函数 function

数据类型转换

数字转字符串

• 拼接字符串

  var n=100;
  var n1=n+"";
  

• 数字.toString()

  var n2=n.toString();
  

• String(数字)

  var n2=String(n);
  

• NaN-not a number

  NaN不等于NaN

  var str='abc'
  var newStr=str*1;
  console.log(newStr);
  console.log(typeof(newStr));
  //结果
  NaN
  number
  

字符串转数字

• Number(字符串)
• 字符串 * / - 数字

运算符

算数运算符

+ - * / %

比较运算符

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

• == 值相等就可以 eg: “123” == 123
• === 数据类型和值都相等 eg: 123 == 123

逻辑运算符

&& 所有条件都为真

|| 有一个条件为真就是真

! 非

选择判断语句

• if() { } else { }
• 布尔表达式 ? 表达式1 : 表达式2
• switch() { case 值: break default}

循环语句

• for(;;){}

  一般配合数组使用 循环次数固定

  var arr=[9,5,3,6,7];
  for(var i=0;i<arr.length;i++){
    console.log(arr[i]+10);
  }
  

  continue 跳出本次循环

  break 跳出整个循环

• while(){}

  var x=10;
  while(x>4){
    x--;
    console.log("符合条件一直循环");
  }
  

• do{}while()

  第一次不管是否符合条件 代码先执行一次

   var x=10;
  do{
     console.log("符合条件执行代码");
     x--;
   }while(x>4); //10 9 8 7 6 5
  

​