Transcrições
1. Apresentação do curso: Bem-vindo a esta perda de habilidade Shake Tudo sobre datas e espero que você tenha seguido junto
nesta grande Siris em JavaScript. Lembre-se, habilidade compartilha tudo sobre pedaços de tamanho de classe. Então, por favor, siga-me em cada classe, porque cada classe se aproxima um do outro, vamos ficar cada vez mais complicados. Agora, na sua carreira de codificação, você vai se deparar com datas. Você vai ter que trabalhar com o tempo. A maioria dos EPS que lidamos hoje exigem armazenamento, coleta e até mesmo exibição de datas para o usuário. Então foi isso que dediquei toda essa habilidade moldada perto de duas. Aprender sobre datas, não datas, pode ser complicado. Não as ruas. É para isso que estou aqui e não quero que usemos nenhuma biblioteca. Bibliotecas de terceiros como momento Js Eu quero que fiquemos com JavaScript. Eu quero que você entenda o objeto central de data em si, e isso me leva ao meu próximo ponto. E essa é a data em JavaScript é um objeto. Na verdade, é um top filha complexo dado a nós por Jarvis e porque é um objeto, recebemos propriedades muito úteis em métodos corretamente em seu objeto, como GH e seis metros, que nós vamos estar olhando em nesta classe. E, claro, as outras novas respostas com o objeto data, por exemplo, a data começa no primeiro de janeiro de 1970. O que? Isso só explode minha mente. Isso não entra em pânico. Vou explicar exatamente o que isso significa e por que isso é. Vamos cavar mais fundo. Vamos olhar para a propriedade do estado do tempo. Vamos revestir exemplos. Nós até vamos olhar para um exemplo final onde nós mostramos uma mensagem para o usuário. Mas só se for o aniversário dele. Está perto para você? Você pode estar pensando, bem, eu acho que é. Se você é um programa de experiência, é útil porque vamos para alguns tópicos avançados. E se você completamente novo, isso é perfeitamente bom, também, porque eu discuti o objeto data promessa muito básico como nós bowled mais e mais exemplos . Então eu realmente espero que você me seguindo em todas essas classes em javascript. Estamos apenas começando agora. Estou super animada para entrar nisso e te vejo na próxima foto. Áudio
2. Introdução de datas: trabalhar com datas pode ser bastante complicado. E confie em mim, os desenvolvedores sentiram a dor. E antes de avançarmos, eu só quero dizer que nesta seção vamos estar ignorando bibliotecas de terceiros como momento dot Js que nos ajudam quando trabalhamos com datas. E a razão é que eu quero que você entenda os discursos de script Java sobre
pacotes de terceiros e, em qualquer caso, ele irá ajudá-lo a entender as datas em seu núcleo. Então, quando você está trabalhando com as bibliotecas do partido deles, isso vai ajudá-lo em qualquer um deles. Vamos entrar nisso. Datas em JavaScript é um objeto. Lembre-se como tivemos os dois tops filha no script Java eram primitivos, que é apenas ficar a palavra para simples, como cordas e membros. E então tivemos um objeto. Tivemos uma filha complexa. A data Top Will se encaixa neste bucket e a data representa um momento no tempo para que você saiba que é nomeada data. Nós o usamos para lidar com o tempo e para instantaneamente oito para existir. Este objeto chamado date. Temos que chamá-lo usando o novo Q. e vamos nova data, e nós apenas colocamos isso em uma variável, e isso cria um objeto de data que aponta para o momento atual no tempo. E apenas no caso de você estar se perguntando por computadores, o início do tempo é primeiro de janeiro de 1970 e todas as datas ou expressas em milissegundos desde este tempo. Mas aguente firme. Whoa! O que? Por que o primeiro de janeiro de 1970 é o começo dos tempos? Bem, deixe-me primeiro apontar que o script Java não é a única linguagem com este novo
python Java na OLP. Quatro de outros também começam um horário no primeiro de janeiro de 1970. Quando você começar a fazer essas coisas, você vai ver algumas pessoas dizendo que esse é o aniversário fora do UNIX. Isso simplesmente não é verdade. Por que sabemos que não é verdade? Porque eram sistemas operacionais antes de 19 City. Na verdade, nos anos 19, nós realmente tínhamos versões ásperas sobre ele. Então, a razão pela qual são 19 anos setenta que era apenas um dos engenheiros projetando o sistema
operacional, eles precisavam de uma data de início da hora, e eles simplesmente decidiram, Que data melhor então? O Dia de Ano Novo de folga? 1970. Outra coisa é muito interessante é em um 32 números sistemas bit pode ser representado a partir de uma maneira para estes são grandes números. Mas o que significa é que nosso intervalo de tempo é limitado. O que eu quero dizer com isso? Bem, o número negativo volta no tempo. Esfrie isso. Pré-história. Os números positivos avançam no tempo. Chame de futuro. Com base nestes números, pré-história remonta a 1901 e o futuro? Bem, ele só vai para Tween teen 38 0 não. Isso significa que o mundo vai acabar em 2058? Espero que não, mas é conhecido como o problema do ano 2038. Então, como consertamos isso? Bem, computadores estão realmente saindo com sistemas operacionais de 64 bits, e isso significa que seremos capazes de adiar a data futura. Então eu não acho que isso seja muito preocupante. Só achei que era um pouco de conhecimento interessante para você. Vamos continuar
3. Por que precisamos usar a palavra-chave ‘novo' ao instalar o objeto de data?: Tudo bem, vamos entrar em alguns exemplos. Deixa-me mostrar-te como funciona o encontro. Então agora a primeira coisa é, vamos criar um novo objeto que em Stan ela odeia que chama o objeto de data JavaScript. E eu só vou fazer comentários. Sim, você pode acompanhar. Sim, vamos criar uma variável, o Tommy atual. Então vamos apenas dizer, vamos agora ligar para o Novo Encontro. O que vou fazer rapidamente é que sou magro. Comece mais rápido para que não temos que console isso para um navegador e sobre isso para ver o que agora é Hoje você vai. Quão legal é isso? Temos oito peças de informação aqui e lembre-se disse que o tempo começa a partir do primeiro de janeiro 1970. E então a qualquer momento agora é apenas quantos milissegundos coisa Parsons. O que quero dizer com isto, deixa-me mostrar-te. Vamos pegar o passo de tempo atual. Vamos registrar nosso tempo no console, que é agora. E há um método embutido. Lembre-se de como estávamos dizendo que os objetos de data do script java vêm com um monte de método
invoke Will. Um deles está morto. E lá vai você. Você tem isso. São quantos milissegundos se passaram desde 1970. Mas aguente antes de irmos mais longe. Há apenas uma coisa que você deve ter notado que esta nova chave faria. Você sabia que a nova palavra-chave? Bem, usamos uma nova retirada de chave, um script, você criando um novo objeto. E sim, inicialmente, será apenas um objeto em branco. Mas esse objeto herdará seu protótipo de outro lugar. Vamos chegar ao Prozac's mais tarde, então não vá muito às ruas. No entanto, tudo o que a nova palavra-chave significa é que ela está criando um novo objeto e que essa palavra-chave aponta para esse objeto criado pela beleza. E se não usarmos a nova palavra-chave? Boa pergunta. Se você não usar uma nova palavra-chave, você será enganado porque a data que você criar sem a nova palavra-chave seria apenas uma força. O que eu quero dizer com isso é que você não terá nenhuma propriedade ou método existir. Deixa-me mostrar-te o que quero dizer. Então vamos agora realmente nos disse. E vamos criar uma data, uma sem palavra-chave MEU, outra da maneira apropriada com um nuclear faria. Então é preciso uma dívida igual, nenhuma nova palavra-chave e data para dívida igual. Vamos ver como eles se parecem. E como eu disse, eles vão parecer a mesma data. Um e dois. Você pode dizer que eles parecem exatamente iguais, mas nós sabemos que eles não são os mesmos. E como provamos isso? Lembra-se do tipo desligado? Perdê-lo para que possamos apenas ir consola. Mas olha, tempo antigo namorar uma rua. E se copiarmos isso e tentarmos no segundo dia, é um objeto. E este é o ponto que estou tentando fazer. Quando você estiver trabalhando com datas, certifique-se de que você se lembra do que Yuki faria. Por que isso é importante? Bem, se você quer excesso de propriedades ou métodos, você não será capaz. É só uma força. Vamos dar uma olhada. Vou te mostrar o que quero dizer. Lembra como no exemplo anterior mostramos o tempo do show? Se isso e isso produziu o número de milissegundos desde 1970 que foi omitido que nós existimos. Você acha que podemos fazer isso? Sim, se é uma corda, vamos ver e temos a data da era. Um. Obter tempo não é uma função. Então, se na dúvida sempre usou a nova chave seria quando se trabalha com ele, e eu só quero dar-lhe um outro resumo rápido sobre o nuclear seria. Muito bem, muito rapidamente guardado. Vimos que, para começar a trabalhar com o objeto data, você deve usar a nova palavra-chave. E isso significa apenas que um novo objeto é criado e o objeto herdará todas as propriedades do protótipo de data. É por isso que você e eu podemos ultrapassar o tempo do portal, senhorita. Nós não escrevemos esse método. Poderíamos apenas acessá-lo direto da caixa. E isso é porque usamos a nova palavra-chave. E a última coisa que mencionei é que essa palavra-chave está ligada a esse novo objeto que você cria. Vamos ter uma seção de bônus sobre isso, mas tenha em mente, isso é o que ele faz. Vamos seguir em frente.
4. 4 maneiras de criar o objeto de data: Como você adivinhou, não há apenas um dia para criar uma data. Na verdade, as quatro maneiras de criar uma data. Então vamos dar uma olhada rápida neles. A primeira maneira é o que acabamos de fazer quando usamos o novo encontro. E isso apenas nos dá a data atual e hora direta. Bem, outra maneira de criar uma data está entre parênteses. E essa data será baseada na quantidade de milissegundos desde o primeiro de janeiro de 1970. A terceira maneira de criar uma data é colocar uma string de data entre parênteses. E como você adivinhou, isso só vai lhe dar de volta a data que você especificar. E você pode até ser mais específico. Você pode especificar o ano, mês, dia, hora, minutos, segundos e milissegundos, e isso apenas devolverá a data especificada novamente. Vamos ver alguns exemplos agora. Vamos ver isso em ação. Então, vimos uma das quatro maneiras de criar uma data. E vamos olhar para cada um deles. Digamos que liquidar 1 é igual a nova data. E já vimos isso antes. Isto é o que fizemos anteriormente. Então vamos desconectá-los. Sim. Lá está ele. Nova data apenas nos dá a data e hora atuais. Vamos usar o segundo. E isso é dar à função um carimbo de data/hora, a data para nova data. E digamos, o que você esperaria quando eu der 0? Lembra-se do que significa o encontro? Começa a partir de qual dia? Isso é certo. 1970, 1 de janeiro. Então, se eu fizer 0, isso significa basicamente mover 0 a partir dessa data, o que deve me dar os dados originais. Então é registrar os pontos e ver. E então vocês, primeiro de janeiro de 1970. Qual é o terceiro caminho? A terceira maneira é que podemos realmente passar uma string de data. Data três é igual a data mu, digamos 1 de janeiro de 1970. E podemos especificar um horário apenas para torná-lo o mesmo, meus fusos horários diferentes, apenas para torná-lo o mesmo que o que é exibido aqui. E nós deslocaremos. Temos exatamente o mesmo. E finalmente, vamos olhar para a quarta esposa. E é aqui que temos que passar vários argumentos. E se você deve $1 script é apenas indo para assumir que é 0. Então, a primeira coisa que devemos especificar que o ano 1970, no mês, eu vou ter em mente. O sistema de números Javascript começa na base 0, começa em 0. Então janeiro não é um. Janeiro é 0. E queremos que seja o primeiro de janeiro, a hora ou dois minutos lá. E é apenas especificar 0 segundos. Agora, se nos desconectarmos, inesperado, exatamente a mesma coisa. E esperamos que tenha começado a sentir-se mais confortável. Datas decrescentes. Agora eu só quero mencionar e que são os métodos getter e os métodos SEC sobre a dívida. Vamos dar uma olhada.
5. OBE métodos no objeto de data: uma vez que temos uma data que temos em ambos os métodos que podemos usar em uma dívida em, os métodos irão retornar uma parte da data em que estamos interessados. Como acessamos esses métodos? Bem, cada um desses métodos começará com o rolo de bateria para o código de estúdio visual e
mostrará alguns exemplos. Então vamos dar uma olhada em alguns desses métodos get. Arranja métodos, e eu vou tentar. Torne isso um pouco prático aqui porque eu sei que essas coisas podem ficar. Mas teórico. Digamos que queremos criar o aniversário dos usuários e digamos neste design do site. Quando você se inscreve, você pede seu aniversário. Você mês no seu dia. E vamos apenas dizer que este usuário coloca 15 de janeiro de 1985 primeira coisa que precisamos fazer lembrar é o que, Sim, precisamos usar a nova palavra-chave e nos levar agora estabelecer seu aniversário em uma variável. Então vamos um aniversário atrasado é igual a um novo encontro. E lembre-se, uma das maneiras de criar uma data era ser muito específica. Poderíamos colocar o ano, o dia, o mês, então é verdade. Que 1985 é um É Janeiro e lembre-se de início de Janeiro, Zira. É por isso que continuo estressando janeiro, e é só dizer que é 1/15 do mês. Agora temos o aniversário dos usuários e esta variável de aniversário, eu vou provar para você. Podemos falar de aniversário e lá está ele na tela. Você me pegou? Isso não é, digamos que queremos ter o dia do mês. Como faríamos isso? Bem, vamos ver como resultados usando o log do console A primeira coisa que precisamos fazer é Texas são variáveis data variável. Agora queremos acessar um desses métodos get e para a data de uso do dia e você pode até ver aqui. O código de estúdio visual está me dando vantagem. Ele vê. Obter data é o dia do mês usando a hora local para que eu pudesse fazer isso. E assim 15 que é 15 de janeiro. E se quiséssemos que o Teoh ficasse com o ano? Vamos tentar de novo. Precisamos da nossa variável de aniversário e temos anos completos. O viciado em mitos 1995 Então você pode ver como é fácil usar estes fica a excesso de
coisas diferentes . Que tal o mês ganhar o mês? Tem certeza que sabe como fazer isso agora? Registro do console. Saídas são variáveis de aniversário e nós temos e é era que sabemos que é janeiro Mas sonho Mas nós não temos nenhum recebe Nós também temos seis.
6. Métodos de SET no objeto de data: Se Gators costumava obter itens da dívida, o que você acha? Babás? Isso é certo. Cercos costumavam modificar datas de vontade para mudá-lo. Ele está disponível em um legate métodos que acabamos de ver anteriormente para usá-lo. Tudo o que você precisa fazer é usar a chave iria ver alguns exemplos novamente. Quero começar com uma folha em branco de novo porque quero que comece a se machucar comigo. Quero que comeces a lembrar-te da sintaxe. Vamos agora olhar métodos ATSIC. E novamente, digamos que temos uma variável de aniversário. Lembre-se, temos que usar a nova palavra-chave em um encontro. E agora vamos criar nosso próprio aniversário. Lembre-se, o primeiro argumento é o ano que salva. Ambos nasceram em 1985 em janeiro e novamente JavaScript começou. Zero diz zero de janeiro, não um. E digamos que ele nasceu no dia 15 de janeiro e podemos carregar esta arte e você pode ver que é exatamente o que temos lá. Mas agora diga que o usuário cometeu um erro ou ele quer ir. Atualização é perfil de aniversário porque em vez de escrever 1980 ele erroneamente o que um mês ele escreveu 1995. Então o usuário atualizar aniversário, e aqui é onde podemos usar seis métodos e eu não vou passar por todos eles. Muitos deles, como eu esqueci. Vai ser muito complicado e aborrecido para ti. Então vamos fazer uma. Digamos que ele quer atualizar. É o seu 219? 90? E isso mudou o ano em seus aniversários, disponível para 1990. Registre-o depois que a tela é primitiva. Então lá vamos nós mudar de 1985 para 1990 nós fizemos isso usando o método sit.
7. Exemplo prático de usando o objeto de data: minha própria destruição em datas. Eu quero apenas passar por alguns exemplos práticos e algumas coisas da vida real que você pode encontrar. E você não vai entender todas as peças viciadas se encaixam e como extraímos variáveis
do usuário e tudo o que novamente se preocupa com aquela carta. Só vou entender o que é. Fazemos isso e quero que corta comigo. Por isso, quero mostrar-vos três exemplos rápidos. Um é e nós realmente vimos parte dele usa aniversário. Quero que exibamos uma mensagem para o usuário somente se for seu aniversário. Você sabe exatamente o que quer. Se quer empurrar o cara para cima, faça isso. A segunda coisa que quero passar com você é... e se quisermos? Oh, use a hora UTC. UTC é apenas o padrão mundial no cálculo de tempo e relógios e na gestão de todo esse processo. E se você não quiser usar o tempo de máquinas locais do usuário? Em terceiro lugar, se você quisesse reformatar datas? Vejamos alguns desses exemplos. Bem, vamos começar com Wait usa melhor. Como fazemos isso foram algumas coisas que acho que precisaríamos da data atual do mês
atual. No dia atual, ele precisará competir que para os usuários Dia de aniversário no mês de aniversário. E se esses dois forem iguais, queremos mostrar-lhe uma mensagem. Se não forem iguais, faremos nada. Vamos lá para cima e espero que faça mais cenas. Então aqui você pode ver que temos uma folha em branco. Vamos começar a codificar. É chamado de exemplo de aniversário. A primeira coisa que você precisa assumir que você tem são os detalhes de aniversário do usuário. E, como antes, isso é variável criada. Como fazemos as datas de novo? Isso é certo. Mas use o nuclear. Será que o encontro? Você sabe, nós dissemos que queríamos ser 1985 Janeiro que pensamentos de Zira e no dia 15. Então esse é o aniversário dos usuários. Ótima. Agora vamos extrair o mês de usuários no dia de aniversários do usuário. São extratos quinta-feira, meses e machucados por dia. Você pode usar a palavra que quiser, e eu não sou o melhor que usar palavras. Então, mesmo se você estiver cortando comigo, você pode chamar suas variáveis mais intrometidas em homens. Vou ligar para o meu, usar um mês de quinta e temos a variável de aniversário. E lembre-se desses métodos. Arranja este mês para uma música. Aqui vamos devolver o mês de folga do aniversário dos usuários, que é Sarah, e contestamos isso olhando para fora. Então olha e é a Sarah. Então temos o mês. Não vamos começar o dia usar este dia, dia e seu excesso novamente quinta-feira. Muito mais. Obter data, lembre-se, vira o dia em que vamos desligar, que é 15 e eu posso provar isso para você olhando para fora e são 15. Então agora temos os detalhes do usuário. Mas agora vamos obter a data atual e é legal que agora, porque mutate, vamos extrair o mês atual no dia atual. mês atual é igual a agora oito meses e para obter o dia atual existe essa
variável agora , que é armazenada que enganou a data agora e queremos obter o dia Agora temos o mês
atual, o dia atual. Tudo o que precisamos fazer é exibir a mensagem daqueles para coincidir com o aniversário dos usuários. Como fazemos isso Bem, no script Java, você tem se declaração e é muito intuitivo, vamos entrar em mais recente. Estou querendo falar nisso agora, mas você verá até o Centex como se fizesse sentido. Então agora vamos começar a seção. Exibiremos nossa mensagem se o mês e o dia atuais forem iguais aos usos. Então vamos começar em se e isso é construído em JavaScript. Então não temos o Teoh codificar todos os meandros por trás do depoimento deles. Temos que abrir parênteses e agora temos que definir a condição. A condição é que queremos que as datas correspondam. Então, no mês atual queremos fazer isso igual. Para o quê? Bem, isso é certo para o mês de aniversário dos usuários. E com o uso do comercial aqui, o que mais queremos? Queremos que o dia atual seja igual aos usuários quinta-feira. Desculpe, eu coloquei dados deveria ser. E se isso for verdade, isso é o que a declaração se fará, é claro. E nós passamos por corrosão ocorre toda esta afirmação e se for verdade, vai executar o código seguinte bloco. Esse é o caso. Queremos uma consola. Feliz, feliz. Oh, você está vazio, você é velho Feliz aniversário. Mas se não for verdade, se não for o aniversário dos usuários, queremos fazer nada. E por uma questão de completude, digamos apenas log do console, vamos fazer nada. Não é o aniversário dos usuários quem? Ok, então nós passamos por todo esse exemplo e você pode ver como começar a fazer sentido, como começar a ter esperança de ser um pouco prático de graça real. Então vamos ver o que aconteceu aqui. O aniversário fora do usuário é 1985 que nós não nos importamos. Queremos saber onde é o aniversário dele e tudo o que precisamos para isso. Este é o mês em seu dia de nascimento, o mês de janeiro e o dia é 15. Qual é o mês atual agora? Muito tempo, Park, obrigado. meses atuais são abril. É por isso que o número três está chegando no dia atual. É 14 de abril. Então, o que isso significa é que quando estamos olhando para isso, se Block e o mecanismo JavaScript coagir ou cessa ou executa ou avalia essa declaração, mês
atual é igual ao mês de aniversário dos usuários e o dia atual vai aniversário. Isso é tudo falso. Então eu declaração vai ser executado, é por isso que vemos que o que faz obter console é não fazer nada. Não é o aniversário dos usuários fazer cenas. Mas agora vamos mudar o aniversário do usuário para corresponder ao mês atual no dia atual, apenas para ilustrar que, quando for igual, o log do console deve ser o aniversário. Olha, digamos que três dias, abril no dia 14 e ficamos felizes,
felizes ou, felizes ou, hum, seu antigo feliz aniversário. Então, lá vai você. Isso está ficando mais intrometido seria se divertir muito. Este é o primeiro caminho. A segunda coisa que quero mostrar é o fuso horário UTC. E se quiséssemos uma maneira mais precisa de medir o tempo em todos os nossos usuários em diferentes continentes? Deixa-me mostrar-te isto. Então vamos nessa. Então agora vamos ver outro mito “get” que podemos usar para resolver esse problema. Então lembre-se, obter métodos são baseados em usuários máquinas de máquinas locais. Hora de ser mais preciso. Você pode querer usar UTC. Como é que fizemos isto? Permitam-me que vos dê um exemplo aqui. Eu disse que não é a hora agora e queremos acessar as horas. Meu eu não tinha 11 anos oclock sua cidade viva. Isso é só hora do príncipe. Normalmente consola. Olha, sem horas e você pode ver 11 oclock. Mas e se eu quisesse usar o horário UTC? Vamos usar UGC. Bem, é muito simples porque temos estado aqui para data objeto usando a nova palavra-chave. Temos métodos e propriedades de aparafusamento direto do chefe. E em vez de usar obter horas podemos usar você TCL de modo que é excesso em estão disponíveis e obter UTC outra vez o tempo UTC ego. Houve o segundo exemplo, o terceiro exemplo. Waas. E se eu quisesse reformar? Ele data para mostrar ao usuário o que ele se sente em sua máquina. Muito legal. Então vamos nos livrar disso se você mais um exemplo de como vamos sobre a reforma da data de acasalamento. Bem, a internacionalização a p I é muito bem suportado em todos os navegadores, e não se limita apenas a datas este AP olhos impressionantes. Também podemos modificar números e strings e moedas. Deixe-me mostrar um exemplo novamente, isso é ótimo. Frio disponível. Agora vamos fazer isso igual ao primeiro de janeiro de 2020. Agora, se eu cancelar amar o estado fora do formulário, vai ser padrão. Vai ser o código que as drogas do motor me dão, que é isso para que eu não quero que diga que eu queria para acasalar com qualquer sessão que eu tenho no meu computador. Bem, podemos fazer isso. Digamos que este é o novo encontro. Agora precisamos sair do FBI de internacionalização. Quem? Isso é uma boca cheia. Fazemos isso pela palavra-chave I em azul-petróleo. E o que nós entramos em uma foto, lembra? Disse que podemos fazer moedas, números, cordas onde queremos fazer a data. Então, queremos acessar a data da fita, hora, método de
formato e um método nesse objeto é o método de formato. E o que queremos formá-lo? Nosso encontro, que é agora. E é isso. Isso está feito. Bem, deixe-me consolar um novo encontro. Lá vai você. Em vez de mostrar uma grande, longa corda, eu só tenho 20 21. Ok, então você se divertiu nesta seção era de uma distinção óssea. Você tem muito mais para cobrir, se empolgue, tome um café e vamos seguir em frente
CM Code_Zone, !false | funny, because its true
