自学JavaScripts脚本语言 第一天
本帖最后由 唯有诗酒度余生 于 2022-7-13 14:16 编辑因为学习不能持之以恒，所以一直都是三天打鱼两天晒网，最近自学了JavaScript脚本语言，希望大佬帮忙查看一下，是否有走火入魔的迹象，总觉得自己学习的方式有问题。
学习的书本是那部神作：《百炼成仙JavaScript》
使用的工具是浏览器中
var a;
a = "Hello World";
//也可以写成
var a = "Hello World";
//对象数据类型
var container = {};
var container = {
caoyao : "草药"
};
var container = {
caoyao : "解毒草",
fangjian : "乌木剑"
};
//还可以写成如下方式：
var container = {};
container.caoyao = "解毒草";
container.fangjian = "乌木剑";
//若访问一个不存在的属性值,结果是undefined；
var container = {};
container.caoyao = "解毒草";
container.fangjian = "乌木剑";
console.log(container.danyao); //danyao是一个不存在的属性值
//结果就会显示undefined
var container = {
caoyao : "解毒草",
fangjian : "乌木剑"
};
container.caoyao //可行的调用属性
var container = {
caoyao : "解毒草",
fangjian : "乌木剑"
};
var prop = "caoyao"; //不可行的调用属性，最终会显示undefined
var container = {
caoyao : "解毒草",
fangjian : "乌木剑"
};
var prop = "caoyao";
console.log(container); //正确调用属性
var container ={
caoyao : "解毒草",
feijian : "乌木剑"
};
var prop = "caoyao";
console.log(container["caoyao"]); //还可以写成这样的调用
//for循环
for (var i = 0; i < 10; i++){
console.log(i);
};
//while 循环
var i = 0;
while (i < 10){
console.log(i);
i++;
};
//对象内容
var a = "123";
var fun = function(){
};
console.log(typeof(a));
console.log(typeof(fun));
var yrXiaoFan = {
name : "叶晓凡",
age:18,
eat: function(){
console.log("KFC");
}
};
for (var p in yeXiaoFan){
console.log(p);
};
var yeXiaoFan = {
name : "叶晓凡",
age:18,
eat:function(){
console.log("KFC");
}
};
for (var p in yeXiaoFan){
console.log(p + "=" + yeXiaoFan);
};
var a = 10;
var b = 20;
var s1 = a +b;
var s2 = a -b;
var s3 = a * b;
var s4 = a / b;
var a = 10;
var b = a++;
console.log(b); //得到的结果是10，因为a是先赋值，后运算，但因为没有运算可用，故为10；
var a = 10;
var b = ++a;
console.log(b); //运算结果为11，先进行自增运算+110+1=11后赋值给b，故为11；
var a = 6;
var b;
var sum = (b = a+++--a) + a-- + b++;
var sum = 0;
for (;i = 1,i < 101, i++;){
sum = sum + i;
};
console.log(sum);
//另一种循环方式
var sum = 0;
var i = 0;
while (i < 101){
sum += i;
i++;
};
console.log(sum);
//for循环的方式
var sum = 0;
var i = 0;
for(;i < 101;){
sum += i;
i++;
};
console.log(sum);
//直接量定义 定义数组
var arr = ["first","second","third"];
console.log(arr);
//构造函数的方式创一个数组对象，每个类型都有一个函数作为支撑 Array也叫做 构造函数
var a = new Array(); //构造一个空数组
//另外两种构造函数创建数组对象
var b = new Array(8);
var c = new Array("first","second","third");
//测试
var a = new Array();
console.log(a.length); //结果是0因为构建的数组对象是空的 故为0
var b = new Array(8);
console.log(b.length); //结果为8 表示创建了8个元素
var c = new Array("first","second","third");
console.log(c.length); //运行结果为3 表示创建了3个元素
//以上三个都是由构造函数创建的数组
var b = new Array(8);
b.push("苹果");
b.push("香蕉");
b.push("牛油果");
console.log(b);
//push会将添加的元素加入到尾部 输出的length是11
var b =new Array(8);
b.push("苹果");
b.push("香蕉");
b.push("牛油果");
b[0] = "黄瓜";
console.log(b);
//输出的结果是11，前三个会被添加到尾部，最后一个会被赋值到原8个元素中。
var b = new Array(8);
b.push("苹果");
b.push("香蕉");
b.push("牛油果");
b[0] = "黄瓜";
b[0] = "西瓜";
console.log(b);
//在相同的下标位置输入相同赋值，就可以重新赋值该字母
var b =new Array(8);
b.push("苹果");
b.push("香蕉");
b.push("牛油果");
b[0] = "黄瓜";
b.pop(); //删除最末尾的元素
console.log(b);
//splice的方法作用是插入、删除或替换数组元素，前两个参数进行定位，余下的参数表示插入部分
var a = [1,2,3,4,5];
a.splice(2,1);
console.log(a);
var a =[1,2,3,4,5];
a.splice(3,2);
console.log(a);
//（3，2）3是从第三位开始，2是删除3后面的两个数字。也可以输入三个参数，
var a =[1,2,3,4,5];
a.splice(3,2,6);
console.log(a);
//得到的结果是【1，2，3，6】第一个参数是定位，第二个参数是删除的数量，第三个参数是插入的值。
var a = [1,2,3,4,5];
a.splice(2,1,38,66);
console.log(a);
//前两个参数进行定位，删除，余下的参数表示插入部分
//join使用方法！
var arr = [1,2,3];
var str = arr.join(",");
console.log(arr);
pdf能否分享一下 我也在学前端 跟着视频课学习的JS bester 发表于 2022-7-13 10:34
pdf能否分享一下
不是PDF是买的书。
我学习喜欢看书去学。 weige110 发表于 2022-7-13 10:35
我也在学前端 跟着视频课学习的JS
加油！兄弟！ 唯有诗酒度余生 发表于 2022-7-13 10:38
加油！兄弟！
加油 支持你 可以卡看黑马，B站有他门教程，最基础的js，css 糖主不吃辣 发表于 2022-7-13 11:15
可以卡看黑马，B站有他门教程，最基础的js，css
谢谢，我是抱着简单学习，时常复习的态度学习的。 js 挺好的。 这本书挺不错的，加油