自学JavaScripts脚本语言 第一天

唯有诗酒度余生

因为学习不能持之以恒，所以一直都是三天打鱼两天晒网，最近自学了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[prop]);      //正确调用属性

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[p]);
};

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，先进行自增运算+1  10+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);

bester

pdf能否分享一下

weige110

我也在学前端 跟着视频课学习的JS

唯有诗酒度余生

bester 发表于 2022-7-13 10:34
pdf能否分享一下

不是PDF  是买的书。
我学习喜欢看书去学。

唯有诗酒度余生

weige110 发表于 2022-7-13 10:35
我也在学前端 跟着视频课学习的JS

加油！  兄弟！

weige110

唯有诗酒度余生 发表于 2022-7-13 10:38
加油！  兄弟！

加油 支持你

糖主不吃辣

可以卡看黑马，B站有他门教程，最基础的js，css

唯有诗酒度余生

糖主不吃辣 发表于 2022-7-13 11:15
可以卡看黑马，B站有他门教程，最基础的js，css

谢谢，我是抱着简单学习，时常复习的态度学习的。

chqsb123

js 挺好的。

winkwink

这本书挺不错的，加油