初识JavaScript（二）

又笨又爱学技术的小孩

已于 2023-06-27 21:06:48 修改

阅读量39

点赞数 1

文章标签： javascript 开发语言 webstorm

于 2023-06-24 18:42:01 首次发布

本文链接：https://blog.csdn.net/weixin_63548440/article/details/131365013

版权

初识JavaScript（二）

数据类型

  字符串   '',"","123","都是字符串“
  数字number:所有数字，包括小数
  希尔值Boolean：true false
  空值null: 表示空值或者没有
  未定义 ：undefined 表示申明了但是未赋值的变量 或者访问不存在的属性或索引
  对象object:表示键值的集合，用{}花括号表示
  数组Array:用中括号[]

检测数据类型

typeof(value); 或 typeof value;   返回这个变量的类型
说明 : 同一个变量, 可以进行不同类型的数据赋值.

运算符

逗号运算符

const test01=11,
	  test02=12,
	  test03=13 //使用逗号分隔符可以定义多个变量

算术运算符

+ - * / % = ++ --

关系运算符

< <= > >=  !== === ##后面两个是：不等于、强等于

三目运算符

条件?条件为真时的值：条件为假时的值。

实例：
alert(1 > 5 ? "是的" : "不是")
上述会输出一个弹窗里面的内容为：不是

函数

匿名函数

;(function (){  //匿名函数自引用时，前面一定要有;或者~或者!
     console.log()
 })()

函数

/*设置函数*/ function /*函数名称*/init(){
      console.log()
  }
 /*引用函数*/ init()

条件语句

if 条件语句

if(条件1)
    statement
else if(条件2)
    statement
else
    statement

实例
const score=70
  if(score>=80){
    console.log("优秀")
  }else if(score>=60){
    console.log("及格")
  }else{
    console.log("不及格")
  }
  //及格

swith-case条件语句

switch (语句) {
    case 表达式1:
        语句...
    case 表达式2:
        语句...
    case 表达式3:
        语句...
    default:
        语句...
}

<!--月份季节实例-->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        input{
            width: 300px;
        }
    </style>
</head>
<body>
<div id="box">
  <h1></h1>
  <input type="text" placeholder="请输入1月~12月任意一个月份">
  <div id="screen"></div>
</div>
</body>
</html>
<script>
    const ipt=document.getElementsByTagName('input')[0]
    const screen=document.getElementById('screen')


    ipt.onblur=function (){
        console.log(ipt.value)
        switch (ipt.value){
            case '3月' :
            case '4月' :
            case '5月' :
                screen.innerHTML='该月为春季'
            case '6月' :
            case '7月' :
            case '8月' :
                screen.innerHTML='该月为夏季'
            case '9月' :
            case '10月' :
            case '11月' :
                screen.innerHTML='该月为秋季'
            case '12月' :
            case '1月' :
            case '2月' :
                screen.innerHTML='该月为冬季'
                break
            default:
                screen.innerHTML='无法翻译'
        }
    }
</script>

循环语句

do…while循环语句

## do....while循环时,无论条件是否满足，都会至少执行一次
do{
    语句
}while(条件表达式);

	let j=0
   	do{
       console.log(j)
        j++
    }while (j<10)
    //0,1,2,3,4,5,6,7,8,9

for循环语句

for(初始化表达式 ; 条件表达式 ; 更新表达式){
    语句
}

实例
const x=20
  for(let t=0;t<=x;t++){
    console.log(t)
  }
  //控制台输出0~20

while循环语句

while(条件表达式){
    语句
}

实例
let i = 1;
while (i <= 5) {
    console.log(i);
    i++;
}
// 1,2,3,4,5

区别

条件语句的区别
   for循环适用于已知循环数的情况
   while循环适用于未知循环次数
  do...while与while类似

对象

字面量模式创建对象

const person = {
	name:"Tom",
	age:19,
	gender:'male',
	sayName:function(){
		console.log("my name is ",this.name);
	}
};

构造函数创建对象

const person = new Object();
//new Object()表示创建一个对象，用变量person来接收，这个person也就成为了对象。
person.name = "Tom";
person.age = 20;
person.sayName = function(){
	console.log("my name is",this.name);
}

//等价于 
person obj = {};
person.name = "Tom";
person.age = 20;