初识JavaScript

简介: 版权声明:本文为博主原创文章,转载请注明出处。 https://blog.
版权声明:本文为博主原创文章,转载请注明出处。 https://blog.csdn.net/twilight_karl/article/details/54846041

1. 以 < script>开头,以</script>结尾,老式的浏览器中需要加上language,如: < script language = “javascript” /script> 表示该脚本是JavaScript,
也可以写上其他脚本的名字。

2. JavaScript语句只要放在不同的行就可以执行,但更好的方式是,在每一条语句后加上分号结尾,
document.write();向页面上输出内容。
document.write(“hello!”);

// 在屏幕中输出加粗的hello
<script>
    document.write("<strong>hello </strong>");
</script>

3.变量
用 var+变量名 声明一个变量 可以不考虑变量的类型。所有类型都用var来声明。

1. 变量区分大小写
2. 用\表示转义字符
3. 不使用var声明的变量当做全局变量,用var声明的变量拥有特定的作用域。
4. 推荐使用下划线分割变量名中的单词,用驼峰格式命名方法名,这样可以方便的区分变量和方法。
5. JavaScript是一种弱类型的语言,即变量的使用不需要声明,而且变量的类型在使用时可以改变。

var age="thirty";   //字符串型
age = 30;           //数值型

常用的类型有:

var a = 16; //数字
var b = 16.123; //浮点型
var falg = true; //布尔型
var s = “hello”//字符串型

//字符串的相加运算
<script>
    var a = "abc";
    a += 'd';
    document.write(a);
</script>

结果是abcd。

//html中将多个空格当成一个来处理
<script>
    var s = 'hello   ';
    s += '   world';
    document.write(s);
</script>

结果是: hello world

4.运算

常见的运算符在JavaScript中都有,例如:
加减乘除: +-*\ %
自加自减:++ –
加法:+= -=
逻辑: && || ?: !
判断: ==(类似于C语言)
字符串比较大小: > < == (小写字母大于大写字母)

5.注释
和C语言一样用//或/* */ 表示
还有一种注释<!–和//的效果是一样的,在HTML中还需要加上右边的一半,但是在JavaScript中只表示注释一行

6.判断
与C语言基本相同

建议每一条if语句都加上{}

//不加括号时,else属于较近的if
<script>
    var s = 'hello';

    if (s == 'hello')
        if(s == 'world')
            document.write('world');
            else
            document.write(s);
</script>

7.循环
和c语言一样
for(;;)
while()
do while()

8.函数
function fun_name(形参){函数体}
函数也被当成是一种类型,有时可以像变量一样使用

//定义一个函数
function add(a,b){
    return a+b;
}
//使用函数
alert('加:'+add(1,2))


//将函数类似于变量的用法

function add(a,b){
    return a+b;
}

function cal(x,y,z){
    return x(y,z);
}

//将函数作为参数
alert(cal(add,1,2));

9.数组
数组可以使用以下方法建立:
1 var a = new Array();
2 var b = new Array(10);
3 var c = new Array(1,2,”三”,true,5.5); //自动加上下标
4 var d = [6,7,8,9,10];

数组的特点:
1,数组中的元素使用时才会被创建,即使创建了a[1]和a[10],中间的元素依然是空。
2,数组的长度a.length为最大的下标加1,不管中间的元素是否存在。
3,数组的长度是可以人为修改的。修改后不属于长度内的元素会被清除。
4,数组的元素可以是不同的类型
5,数组的元素也可以是数组

关联数组:数组的下标用特定的名称来表示,不一定是数组,类似于 Java中的键值对,但是不推荐使用,因为对象可以更好的完成同样的效果

//
var a = new Array();
a[1] = 10;
a[10] = 20;
document.write(a[9]+"<br/>");
document.write(a.length);

在这里会输出:
undefined
11

//人为改变数组长度,等同于截取数组中的一段
var a = new Array(1,2,3,4,5);
document.write(a.length+"<br/>");
a.length = 3;
document.write(a+"<br/>");
a.length = 5;
document.write(a);

结果如下:
5
1,2,3
1,2,3,,

join(“&”) 表示认为的改变输出时元素的分隔符如:

document.write(a.join(“%”));

会输出 1%2%3

包含各种类型元素的复杂数组:

        var box = [
                {
                    name:'张三',
                    age:30,
                    fun:function(){
                        return 'fun';
                    }
                },
                ['李四','男',30],
                '安徽',
                100+100,
                new Array(1,2,3)
        ];

10.对象

属性和方法的集合

声明
var o = new Object();
var cidr = {x:2,y:0,radius:2};

对象的元素是在使用时添加进类中的,第一次使用时就会自动为该类创建这个成员

删除属性:
delete book.name;
book.name=null;

遍历属性:
for(var x in book ){
x是成员的名字,用法类似于数组的下标
}

var book = new Object();
book.name = '百年孤独';
book.about = {name:'马尔克斯',price:100};
document.write(book.name+'<br/>');
document.write(book.about.name);

结果:
百年孤独
马尔克斯

var book = new Object();
book.name = '百年孤独';
book.about = {name:'马尔克斯',price:100};

//遍历
for (var x in book ){
    document.write(book[x]);
}
相关文章
|
8月前
|
JavaScript 前端开发 API
70.【JavaScript 6.0】(七)
70.【JavaScript 6.0】
33 1
|
8月前
|
前端开发 JavaScript
70.【JavaScript 6.0】(六)
70.【JavaScript 6.0】
30 1
|
7天前
|
JavaScript 前端开发
JavaScript初学
本系列文章是对自己大一假期学习js后,是对自己学习js过程中的一些理解和看法,本篇文章主要是对学习JavaScript后我们可以去做一些什么事情,算是对js有一个初步了解。本章主要是对js初学者,对于js的使用方向有一个初步了解,同时也是对我学习过程中的一中记录,也是同这些实例的练习,然后对于js有了更加清晰的了解,对于我来说,可玩性更高了。
|
23天前
|
存储 JavaScript 前端开发
JavaScript组成的问题。
JavaScript组成的问题。
|
3月前
|
存储 JSON JavaScript
JavaScript
JavaScript
46 0
|
10月前
|
JavaScript 前端开发
JavaScript 中的 mailto
JavaScript 中的 mailto
|
JavaScript 前端开发
JavaScript中的this
JavaScript中的this自制脑图
55 0
JavaScript中的this
|
JSON 数据格式
Day15 JavaScript
JavaScript
56 0
|
存储 移动开发 缓存
Javascript
Javascript interview
|
JavaScript 前端开发
玩转Javascript魔法篇
这些都是平时我们经常在业务中会用的功能,实现起来的方法不止一种,但是我们要经常思考,举一反三,追求一种简洁高效的写法,不是吗?
86 0
玩转Javascript魔法篇