javascipt入门
Posted 750657961
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了javascipt入门相关的知识，希望对你有一定的参考价值。
一、javascript简介
javascript：（基于对象的编程语言：内部很多对象，我们只需要使用即可，几乎不需要自己创建对象）
ECMAScript
DOM
BOM
存放位置：
建议代码放到html中body的最后位置
引入方式：
1、 <script> 这里直接写代码 </script>
2、写到文件中通过 <script src="js-01.js"></script> 的方式引入
二、语法
声明变量：
var x = 1;var y = 2;
var x= 1,y=2;
不使用var 申明变量就是一个全局的变量
只能是字母，下划线，$符 三选一开头 ，区分大小写
建议使用命名规范： 数据类型小写简写+驼峰写法
eg： var sName="fxh"; var iNum=100;
console.log(x) # 输出变量。 浏览器--> 检查--> Console
document.write(x) # 页面上输出变量
标识代码块：{ }
{
var x = 1;var y = 2;
var x= 1,y=2;
}
注释：
// var sName="注释"
/* document.write("这是注释") */
函数：
<script>
function sayHello() {
var sHelloStr="你好";
document.write(sHelloStr);
}
sayHello();
</script>
三、数据类型
堆内存：
基本数据类型：
Number，string 。。。
栈内存：
引用数据类型：
object
堆内存的地址指向栈内存的对象
五种基本数据类型：
1、Number
整数，浮点数
NaN 当字符串转换为数字失败时就是NaN
NaN出现在表达式中一顶结构为false，除了 !=
2、String
都是unicode
3、Booolean
true ， false
4、Null
null占用一个对象的位置
5、Undefined
声明了变量但是未为其赋值
typeof() #查看类型
四、数据类型转换
parseInt("3.14b") #3.14
parseInt("a3.14b") #NaN 当字符串转换为数字失败时就是NaN
五、运算符
自加自减：
x++ # x=x+1 先赋值后运算
++x # x=x+1 先运算后赋值
一元加减法：
var a="3"
b=+a
document.write(b);
document.write(typeof(b)); #字符串转换为数字
逻辑运算符：
== ！= > <
&& || !
and or
& 按位与
赋值运算符：
和python的一样
六、控制语句
if语句：
if （表达式）{
语句1;
语句2;
}else if ( 表达式 ) {
语句;
}else {
语句;
}
switch语句：
switch(n) {
case 1:
xx;
break;
case 2:
yy;
break;
default:
xy;
}
for 循环：
#for ( 初始化，条件，递增)
var a = [1,"haha",true]
for ( var i in a) {
console.log(i);
console.log(a[i]);
}
# 和python中不一样，i变成了下标
for(var i=1;i<10;i=i+1){
console.log(i);
}
while循环：
while (条件) {
语句1；
语句2；
}
异常处理：
try(){
//
}
catch(e){
//
}
finally{
// 最后无论如何也会直线
}
以上是关于javascipt入门的主要内容，如果未能解决你的问题，请参考以下文章