01.JS的三种书写方式
<!-- 2.内嵌式的js -->
<script>
// alert('sajmo');
</script>
<!-- 3.外部js script 双标签 -->
<script src="script.js"></script>
<!-- JS代码需要写到script标签中 -->
<script type="text/javascript">
/*
*控制浏览器弹出一个警告框
alert("这是我的一一行代码");
*/
/*
让计算机在页面中输出一个内容
document.write("");可以向body中输出一个内容
*/
// document.write("看我出不出来");
// 向控制台输出一个内容
// console.log("你猜我在哪里出来");
console.log("你猜我在哪里出来");
alert("这是我的一一行代码");
document.write("看我出不出来");
</script>
02.输入出语句
<script>
/*
alert(msg) 浏览器弹出警示框
console.log(msg) 浏览器控制台答应输出信息
prompt(info)浏览器弹出输入框用户可以输入
*/
//设置一个输入框
prompt('q请输入你的年玲');
// alert 弹出警示框 输出的 展示给用户的
alert('计算结果是');
// console.log 控制台输出 给程序员看到
console.log('我是程序员能看到的');
</script>
03.变量
<script>
var myname = '旗木卡卡西';
var address = '火影村';
var age = 30;
var email = 'kakxi@.cnm';
var gz = 2000;
console.log(myname);
console.log(address);
console.log(age);
console.log(email);
console.log(gz);
//1.用户输入姓名 存储到 myname 的变量里面
var myname = prompt('请输入您的名字');
//2.输入这个用户名
alert(myname);
</script>
<script>
/*
多行注释
JS注释
多行注释,注释中的内容不会被执行,但是可以在源码中查看
*/
</script>
输出样式
字面量 都是一些不可改变的值
比如:1 2 3 4 5
字面量可以直接使用 但是一般不直接使用.
变量 变量可以用来保存字面量,而且变量的值是可以任意改变的
变量更加方便我们的使用 所以在开发中都是通过变量
去保存一个字面量 而很少直接使用字面量
x=12313123123123143534
<script>
// 声明变量
// 在js中使用var 关键字来声明一个变量
// var a;
//为变量赋值
// a=123
// 声明和赋值同时进行
// alert(12121312312312312);
var b = 456789;
console.log(a);
var age = 80;
console.log(age);
</script>
04.标识符
标识符
在JS中所有的可以由我们自主命名都可以成为标识符
例如变量名 函数名 属性名都属于标识符
命名一个标识符是需要遵守以下规则的
1.标识符中可以含有字母 数字 下划线 $
2.标识符不能以数字开头
3.标识符不能是ES中的关键字和保留字
4.标识符一般都采用驼峰命名法
-首字母小写 每个单词的开头字母大写,其余字母小写
helloWorld xxxYyyZzz
JS底层保存标识符实际上采用的Unicode编码
所以理论上讲,所有的utf-8中含有的内容都可以作为标识符
05.变量命名规范
<script>
var app = 10 ;
var APP = 100;
console.log(app);
console.log(APP);
//var 18 age ;错误书写
// var var; 因为var有特殊意义,这个叫做关键字 不能作为变量名for while if
// name 我们尽量不要直接使用name 作为变量名
// console.log(tel);
console.log(name);
</script>
例题:交换两个变量的值
<script>
var temp;//声明一个临时变量为空
var apple1 = '青苹果';
var apple2 = '红苹果';
temp = apple1;
apple1 = apple2;
apple2 = temp;
console.log(apple1);
console.log(apple2);
</script>
06.数据类型简介
在js当中一共有六个数据类型
String 字符串
Number 数值
Boolean 布尔值
Null 空值
UNderfined 未定义
Object 对象
其中string number null undefined 属于基本数值类类型
而Object属于引用数据类型
string 字符串
在js中字符串需要使用引号引起来
使用双引号或者单引号都可以,但是不要混着用
引号不能嵌套,双不能放双,单不能放单
单引号中放双引号可以的
var num = 10; //num 属于数字型
//js 的变量数据类型时是只有程序在运行过程中,根据等号右边的值来确定
var str = 'pink';//str 字符串型
//js是动态语言 变量的数据是可以变化的
var x = 10 ; //x是数字型
x = 'pink' ; //x字符串型
//数字型
var num = 0; //num 数字型
var PI = 3.14//pi数字型
//1.八进制0-7我们程序员里面加0 表示八进制
var num1 = 010;
console.log(num1);//
//2.数字型的最大值
console.log(Number.MAX_VALUE);
//3.数字型的最小值
console.log(Number.MIN_VALUE);
//4.infinity 代表无穷大
console.log(Number.MAX_VALUE * 2);
//5.-infinity 代表无穷小
console.log(-Number.MIN_VALUE * 2);
//6.非数字
console.log('pink老师' -100); //NaN
其中注意!
//isNaN()这个方法用来判断非数字 并且返回一个值
//如果是数字返回的是false 如果不是数字返回的是true
console.log(isNaN(12));//false
//字符串型 string
// 语法为双引号 和单引号
//嵌套的类型可以是 外双内单 外单内双
var str = '我是一个"高富帅"的程序员';
console.log(str);
//字符串转义字符都是 \n 开头 但是这些转义字符得写到引号里面
var str1 = "我是一个'高富帅'的\n程序员";
console.log(str1);
// \\表示斜杠\ \' 单引号 \t tab 缩进 \b 空格 \"双引号
07.字符串的拼接
<script>
//1.检测获取字符串的长度 length
var str = 'my name is andy';
console.log(str.length); //15
//2.字符串的拼接 字符串+任何类型=拼接之后新的字符串 类型
console.log('沙漠'+'骆驼');//字符串 沙漠骆驼
console.log('燕子' + 18 +'岁');
console.log('pink'+ true );
console.log( 12 + 12 );//24
console.log(' 12 ' + 12 );//1212
//口诀 数值相加 字符相连
str = "\\\\\\";
//表示字面量字符串str
alert("str");
//输出变量str
alert(str);
var age = 18 ;
//我们变量不要写到字符串里面 是通过和 字符串 相连的方式实现的
console.log('pink老师' + age + '岁');
//变量和字符串相连的口诀 引引加加
console.log('pink老师岁');
//案例讲解
var age = prompt('请输入您的年龄');
var str = '您今年已经' + age+ '岁了';
alert(str);
//布尔型
var flag = true; //flag 布尔型
var flag1 = false; //flag1 布尔型
console.log(flag + 1); // ture 参与加法运算当 1 来看
console.log(flag1 + 1); // false 参与加法运算当 0 来看
//如果一个变量声明未附值 就是 undefined 未定义数据类型
var str;
console.log(str); //undefined
var variable = undefined;
console.log(variable + 'pink'); //undefinedpink
console.log(variable + 1);//NaN undefined 和数字相加 最后的结果是NaN
//null 空值
//null 这个值专门用来表示一个为空的对象
//使用typeof检查一个null值时,会返回objkect
var space = null;
console.log(space + 'pink' );//nullpink
console.log(space + 1);//
var str2 = "hello";
str2 = "你好";
str2 = 3;
alert("hello,你好");
console.log("我就是不出来");
</script>
效果如下