JavaScript--黑马程序员pink老师笔记-- P1-P54--变量、数据类型、运算符

初识JavaScript

浏览器本身不会执行js代码，而是通过内置的JavaScript引擎来执行js代码。js引擎执行代码时逐行解释每一句源码，然后右计算机执行，所以JavaScript语言归为脚本语言，会逐行解释执行

js组成

ECMAScript：JavaScript语法

DOM：页面文档对象模型

BOM：浏览器对象模型

1.<!-- 行内式的js，直接写到元素内部 -->
 <input type="button" value="唐伯虎" onclick="alert('秋香姐')">
     
     
2.<!-- 内嵌式js -->
    <script>
        alert('沙漠骆驼')
    </script>
3.<--外部式js script是双标签-->
  <script src="my.js"></script>//引入

js推荐用单引号

js注释

1. 单行注释 Ctrl+/
2. 多行注释 shift+alt+a

JavaScript输入输出语句

方法	说明	归属
alert(msg)	浏览器弹出警示框	浏览器
console.log(msg)	浏览器控制台打印输出信息	浏览器
prompt（info）	浏览器弹出输入框，用户可以输入	浏览器

变量

变量概述

本质：变量是程序在内存中申请的一块用来存放数据的空间

变量： num

变量的使用

1. 声明变量

   //声明变量var是一个js关键字，用来声明变量（variable变量）

   var age；//声明一个名称为age的变量

2. 赋值

   age = 10;

3. 输出结果

   console.log(age);

变量的初始化

var myname ='pink teacher';
console.log(myname);

输入信息，同时弹出信息

var myname = prompt('请输入名字');
alert(myname);

变量语法扩展

更新变量

一个变量被重新赋值后，它原有的值就会被覆盖，变量值将以最后一次赋的值为准

同时声明多个变量

var age=18,
	address='cun',
	gz=2000;

多个变量名用逗号隔开

声明变量的特殊情况

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

变量命名规范

• 由字母、数字、下划线、美元组成
• 严格区分大小写
• 不能由数字开头
• 不能是关键字、保留字
• 变量名必须要有意义
• 遵守驼峰命名法。首字母小写，后面单词的首字母需要大写 myFirstName
• 尽量不要用name作为变量名

交换变量案例

交换两个变量

 		//1我们需要一个临时变量帮助我们
        //2 把apple1 给我们的临时变量temp
        //3 把apple2 里面的苹果给 apple1
        //4 把临时变量里面的值给apple2
        var apple1 = '青苹果',
            apple2 = '红苹果',
            temp;
        temp = apple1;
        apple1 = apple2;
        apple2 = temp;
        console.log(apple1);
        console.log(apple2);

数据类型

数据类型简介

不同的数据类型所占用的存储空间是不同的，

为了便于把数据分为不同的数据，充分利用存储空间，于是定义了不同的数据类型

JavaScript是一种弱类型或者说动态语言，区别于c语言

变量的数据类型

//var num=10;//这里num 我们不确定属于哪种数据类型
var age=10;//num属于数字型
var areyouok='是的'//这是一个字符串
//js的变量数据类型是只有程序在运行过程中，根据等号右边的值来确定的

根据等号右边的值

JavaScript拥有动态数据类型，同时意味着相同的变量可做不同的数据类型

var x=6；//x为数字
var x='bill'；//x为字符串

数据类型的分类

简单数据类型

简单数据类型	说明	默认值
Number	数字型，包含整型值和浮点值，如21、0.21	0
Boolean	布尔值类