从零开始学习前端JAVASCRIPT — 2、JavaScript基…

// a.js (组员a的js代码引入严格模式)
/*	'use strict';
	var a = 4;
	var b = 3;
	console.log(a + b);*/
// b.js（组员b的js代码引入正常模式）
/*
	var c = 6;
	var d = 7;
	console.log(c + d);*/
//项目上线代码合并(如果直接合并代码，组员b的代未按照严格模式规范来coding，语法可能发生各种问题)。
//解决方案：将代码分别封装进入两个匿名自执行函数
(function () {
	'use strict';
	var a = 4;
	var b = 3;
	console.log(a + b);
})();
(function () {
	var c = 6;
	var d = 7;
	console.log(c + d);
})();

var obj = {
	name: '张三'
};
var name = '李四';
function hello(x, y) {
	var name = '王五';
	console.log(arguments); 
        //输出三个参数,参数的排序是先排bind中的参数,接着是调用参数的实参，则参数:
        //arguments[0]=6,arguments[0]=7,arguments[0]=9
        console.log(this.name); //张三 
        console.log(x + y); //13 
}
 var newHello = hello.bind(obj, 6); 
//打印函数的调用可以看出返回值是函数,调用返回函数时,传入的参数则为bind方法的参数,拼接调用返回函数的实参
newHello(7, 9);    

var obj={name:"小明"}
var name ="全局变量";
function helloworld () {
	var name = "局部变量";
	console.log("this.name="+this.name+"||"+"name="+name);
}
helloworld();
//this指向window对象，helloworld()相当于window调用,this指向函数的调用者window,故this.name="全局变量"
console.log("————————————————我是分割线————————————————")
var newhelloworld=helloworld.bind(obj);
newhelloworld();
//bind方法改变函数内部上下文的this指向对象obj,故输出this.name="小明"

// 数组对象新增的方法
var arr = [1, 4, 7, 9];
// forEach方法
// 语法：arr.forEach(function (v, k, arr) {}, context);
arr.forEach(function (v, k, arr) {
	 console.log(this);//小明
	 console.log(v, k, arr);
}, '小明');

var newArr = arr.map(function (v) {
	return v * 2;
});

// 语法：arr.filter(function (v, k, arr) {}, context)
var newArr = arr.filter(function (v) {
	if(v > 5) {
		return true;//返回true将值添加到新的数组
	}
　　　　 else {
		return false;//返回false将值不添加新的数组

} });

// 语法：arr.some(function (v, k, arr) {}, context)
var bool = arr.some(function (v) {
	if(v > 10) {
		return true;//只要进入此语句接收到的返回值true，否则为false
	} else {
		return false;
	}
});

// 语法：arr.every(function (v, k, arr) {}, context)
var bool = arr.every(function (v) {
	if(v > 0) {
		return true;
	} else {
		return false;//只要进入此语句接收到的返回值false，否则为true

} }); 

var arr=[1,4,7,9];
arr.indexOf(7,-2) 
 //2  从-2的位置开始从左向右查找7，下标为2 
arr.indexOf(4,-2) 
 //-1 从-2的位置从左向右开始查找4，未找到4   输出-1

// lastIndexOf：在数组中查找某个元素。从右往左

var arr = [1, 4, 7, 9, 8, 7, 10];

var iIndex = arr.lastIndexOf(7, 4);  
//从数组值为8的位置4，从右向左查找  返回数组下标注   返回值为2

console.log(iIndex);　

var arr = [1, 4, 7, 9];

var result = arr.reduce(function (previous, current) {
console.log(previous, current);
return previous + current;
}, 10);

console.log(result); //结果为31

var arr = [1, 4, 7, 9];

var result = arr.reduce(function (previous, current) {
console.log(previous, current);
return previous + current;
});

console.log(result); //结果为21

var arr = [1, 4, 7, 9];

var result = arr.reduceRight(function (previous, current) {
	console.log(previous, current);
	return previous + current;
}, 10);

console.log(result);

// trim：忽略字符串左右两侧的空格。

var str = '  hello world  ';

console.log(str.trim());//值：hello world

var obj = {
    name: '张三',
     hello: function () {
        console.log('hello world!')
    }
};
console.log(JSON.stringify(obj));   
//将对象属性转换成字符串，函数直接省略 

var str = '{"name": "张三", "age": 28, "hello":{"child": "李四"}}';
//严格按照对象的属性进行创建字符串，字符串内可包含对象的属性及嵌套的对象，不能包含函数
console.log(JSON.parse(str));