1、js基础内容
1、js基础内容
js基础内容
1. 编辑器
编译环境 浏览器
编辑软件 sublime DW H5Build Atom
==【注】尽可能多的去使用编辑器去编辑代码。==
Html+css
==JS 逻辑==
比作建设一栋摩天大厦
Html 结构
css 装修
javaScript 物业 (==和用户交互==)
如何和用户进行交互。
2.认识JavaScript
基于对象和事件驱动的客户端脚本语言。
++JavaScript是一种专为与网页交互而设计的客户端脚本语言。++
网页交互 和网站进行互动
客户端
客户端和服务端（相对概念）资源提供
++服务端 资源提供方
客户端 获取资源++
3.js的基础
4.js注意
/*document.write("标题
"); */
/* document.write 会自动解析文本内标签内容
*/
/*
转义字符 < < > >
*/
document.write("</script>");
/*
【注】要求每一条js语句后都加分号。
*/5.变量和常量
++常量/直接量/字面量++
100 3.14 "hello" true
数据类型：
==基本数据类型：==
++Number/数字++ 10 3.14
++String/字符串++ 所有带单引号或双引号
++Boolean/布尔值++ true false
==复合数据类型：对象==
++==特殊数据类型==++：==NaN(not a number) undefined(未声明) null(空)==
1、变量的声明/定义
==var 关键字(特殊功能的单词) 声明变量==
==var num 在内存中开辟/申请一块空间，名字叫做num==
num = 20;
2、初始化
声明变量的时候，直接赋值，叫做初始化。
/*var num = 20;
alert(num);*/
/*var num;
alert(num); //undefined*/3、为了避免上述操作，一般情况下，会把变量赋值成null
/*var num = null;
num = 30;*/
/*
typeof 输出当前变量或者常量的数据类型
*/
// alert(typeof num); //number
/*var str = "hello";
alert(typeof str); //string*/
var isYes = true;
alert(typeof isYes); //boolean==1、=号前后加空格==
==2、每一条语句后加分号。==
==组成电脑的部件
外设
==CPU 内存 硬盘 主板 显卡(GPU)==
运行程序 程序被CPU运行
写好程序存储硬盘
硬盘 -> 内存(程序是在内存中被CPU运行)
6.变量命名规则
/
++【注】用户自定义的名称，都叫做标识符。++
1、==只能由数字、字母、下划线、$组成==
2、==不能以数字开头==
3、==区分大小写age Age 两个变量==
4、==见名思意==
5、==多个单词驼峰式命名 className 烤串式 class_name== 6、==禁止用拼音，英文单词用全拼==
7、==不能是关键字和保留字==
++【注】JS变量，弱类型。变量的数据类型可以根据赋值改变。++
【注】禁止这么做，会歧义。
/
// var 1nu$m = 10;
/*var num = 10;
var num1 = 10, num2 = 20, num3 = 30;
var str = "hello";
var name = "qf"
var className = "青岛1802";*/
/*var num = 10;
num = "hello"
alert(typeof num);*/7.运算符
/
++算数运算符
逻辑运算符
关系运算符
赋值运算符
自增、自减运算符++
...
/
/
算符运算符
==+
-
/
% 取余运算符==
0.01
*/
++++ /*++++var num = 12 % 10;
alert(num);*/
/*var num = -10 / 0; //Infinity无穷大 -Infinity无穷小
alert(num)*//
其他数据类型的算数运算
++表达式：变量/常量和任何运算符组成的式子叫做表达式。
1、功能
2、值++
/
// alert(100 + 200);
8.自动数据类型转换
/
自动数据类型转换：
【注】==不同数据类型的数据，不能直接用于计算，转化成同一类型，才能进行计算。==
/
/
==+==
==1、当运算符是加法，并且其中一个操作数是字符串的情况下，另外一个操作数也会被转成字符串进行拼接。==
/
// var str = "hello" + "world";
// var str = "hello" + 100
// var str = "hello" + true;
/*var str = "hello" + undefined;
alert(str);*//
2、当运算符不是加号，如果操作数是字符串，操作数会直接转成数字进行运算。
如果操作数不是纯数字字符串的话，转成数字会直接转成NaN,NaN和任何数据进行运算，都是NaN(not a number)。
/
/*var str = "200" - "100";
alert(typeof str); //number*/
/*var str = "200" - "10a";
alert(str); //NaN*//
3、布尔值和数字进行算数运算。
<1>将布尔值转成数字，再进行运算
<2>true => 1 false => 0
/
// var num = 1 + true;
// var num = 1 + false;
// var num = 10 - true;
/*var num = "10" - true;
alert(num);*/9.强制数据类型转换
/*
++Boolean(数据);
【注】将别的数据类型强制转换成布尔值。++
==1、非零即真
2、非空即真
3、undefined NaN null => false==
*/
// alert(Boolean(-10)); //true
// alert(Boolean(0)); //false
// alert(Boolean("10")); //true
// alert(Boolean("")); //false
// alert(Boolean(undefined)); //false
// alert(Boolean(NaN)); //false
// alert(Boolean(null)); false10.数字强制数据类型转换
11.练习
12.运算符格式
13.一元运算符
14.关系运算符
15.逻辑运算符
/
十进制
二进制
八进制
十六进制
/
/*
十进制转二进制
52 模二取余
110100
二进制转十进制
1 * 2^2 + 1 * 2^4 + 1 * 2^5 =
4 + 16 + 32 = 52
八进制
二进制 => 八进制
【注】自右往左，每三位一组，不足三位用0补齐，将每三位转成十进制数。
110 100
64
4 * 8^0 + 6 * 8^1 = 52;
十六进制 0~9 a b c d e f
【注】自右往左，每四位一组，不足四位用0补齐，将每四位转成十进制数。
0011 0100
34
4 * 16^0 + 3 * 16^1 = 52;
*/
==运算符优先级==
posted @ 2018-07-06 20:38 飞刀还问情 阅读(...) 评论(...) 编辑 收藏